<HTML>
<head></head>
<style>
# d1{
width:100px
height:100px
background:pink
}
</style>
<body>
<div id=" d1">
</div>
</body>
</HTML>
id选择器在一个页面中只能有一个,能通过ID选择器为不同的元素进行样式的更改。在body页面里为需要的元素进行命名,再在style里通过ID名进行样式修改
ID具有唯一性,CLASS具有普遍性。id样式用为#
ID:是指id为某个值的元素.CSS定义为:#div_id{}.定义之后就是ID为div_id的div是这种样式.范围单一,一般用于指定的元素.
class类样式用为.
类:是指class为某一个值的元素.CSS定义为:.div_class{}.定义之后就是类为div_class的div是这种样式.范围好控制,需要用这种样式的就给他class就行了.
W3C标准中对于ID与CLASS的设定是:ID具有唯一性,CLASS具有普遍性。
而目前大部分浏览器确实可以定义页面中多个元素的ID相同,并赋以相同的样式,因为目前的浏览器和CSS都对其
睁一只眼闭一只眼
。
就比如说法律规定你做好事,但你也可以去做坏事一样。这是一个标准,你可以遵守,也可以不遵守,但是不遵守的后果很严重。
在CSS中你可能不会碰到太大的问题。但是当用
JavaScript
调用ID时,问题就来了,比如下面的代码:
<p
id="html">人aaaaa</p>
<code
id="html">fffff</code>
<script>alert(document.
getElementById
("html").
innerHTML
)</script>
这个弹出的结果是
人aaaaa。而
下面的元素就完全被忽略了。
这只是一个
小小的测试,具体到做项目的时候会碰到什么后果就没法预计了。
所以建议你还是遵守标准来设计网页。
ID在页面中必须唯一。这样才符合
web2.0
标准。