id选择器
id选择器与我们上一关中学习的类选择器类似,但在使用上有不同。
使用类选择器时,指定一个元素属于某类,使用的是关键字class,例如:
<body>
<h1 class="important">温馨提示</h1>
<p>少一串脚印,多一份绿意。</p>
</body>
而在使用id选择器时,使用的是关键字id。对于上面类选择器的例子,用id选择器书写:
#important {
color: red;
font-weight: bold;
}
id选择器语法
同理,我们可以看出,id选择器的语法规则如下:
-
首先,将html中想要应用类样式的元素,指定id名。
<元素名 id="指定的类名"></元素名> <元素名 id="指定的类名">
2.然后,书写相应类的样式。
#指定的类名 {样式声明}
类选择器与id选择器的区别
类选择器与id选择器类似,那么它们的区别是什么呢?什么情况下应该使用哪一种选择器呢?
它们最大的区别在于,在一个 HTML 文档中,可以为任意多个元素指定类,但id选择器只能使用一次,一个id只能运用于一个元素。
一般情况下,都推荐使用类选择器。而在一些特定情况下,我们才会建议使用id选择器。例如,通过id选择器在页面中定义锚,在编写 JavaScript 为指定的页面元素应用特殊行为时。