【摘要】:id选择器和类选择器很相似,在使用id选择器之前也需要先在HTML文档中加注id名称,这样在样式选择器中才能找到相对应的元素,不同的是id选择器是页面中唯一的值,在使用类时是在相对应的类名前加上一个“.”号,而使用id选择器时是在名称前使用“#”如(#id)。图2.10ID选择器的使用实例id选择器有几个地方需要特别注意。那么什么时候采用id命名?关键的一点就是对具有唯一性的使用id选择器,对类似的使用类选择器。
id选择器和类选择器很相似,在使用id选择器之前也需要先在HTML文档中加注id名称,这样在样式选择器中才能找到相对应的元素,不同的是id选择器是页面中唯一的值,在使用类时是在相对应的类名前加上一个“.”号(.className),而使用id选择器时是在名称前使用“#”如(#id)。
实例代码如下:
#first{background:lime;color:#000;}
#last{background:#000;color:lime;}
上面的代码就是选择了id为first和last的列表项,其效果如图2.10所示。(www.xing528.com)
图2.10 ID选择器的使用实例
id选择器有几个地方需要特别注意。第一,一个文档中一个id选择器只允许被使用一次,因为id在页面中是唯一的;第二,id选择器不能像类选择器一样多个合并使用,一个元素只能命名一个id名;第三,可以在不同的文档中使用相同的id名,比如说在“test.html”中给h1定义“#important”,也可以给“test1.html”中定义p的id命名为“#important”,但前提是不管在test.html还是test1.html中只允许有一个id叫“#important”。
所有浏览器都支持id选择器。那么什么时候采用id命名?什么时候采用类命名呢?关键的一点就是对具有唯一性的使用id选择器,对类似的使用类选择器。使用这两个选择器时,最好区别大小写。
免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。