首页 理论教育 id选择器(#ID)的作用及用法详解

id选择器(#ID)的作用及用法详解

时间:2023-06-03 理论教育 版权反馈
【摘要】:id选择器和类选择器很相似,在使用id选择器之前也需要先在HTML文档中加注id名称,这样在样式选择器中才能找到相对应的元素,不同的是id选择器是页面中唯一的值,在使用类时是在相对应的类名前加上一个“.”号,而使用id选择器时是在名称前使用“#”如(#id)。图2.10ID选择器的使用实例id选择器有几个地方需要特别注意。那么什么时候采用id命名?关键的一点就是对具有唯一性的使用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选择器,对类似的使用类选择器。使用这两个选择器时,最好区别大小写

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈