5.3.3 按class或id选择元素

5.3.3 按class或id选择元素

在很多时候,并不想将页面中的某个元素全部设置为同一样式,只想为其中的一个或者几个元素添加样式,例如在所有段落中只有某一段或某几段颜色为红色,其余段落皆为默认的黑色。这时就可以使用class或id去标识这些元素,这样就只对被标识的元素进行格式化。

按class选择要格式化的元素,选择器写为“.classname”,哪个元素要使用这个样式,就在该元素的属性中加上“class="classname"”;按id选择要格式化的元素,选择器写为“#idname”,哪个元素要使用这个样式,就在该元素的属性中加上“id="idname"”。

例如下面3个段落,要将class="textred"的段落设为红色,将id="textblue"的段落设为蓝色,分别按class和id选择元素设置样式,如图5-24所示。

图5-24 使用class和id选择器

注意:要在class选择器和id选择器之间作出选择时,建议尽可能使用class选择器。这主要是因为class选择器是可再用的,可以用于多个元素,而id选择器是唯一的,只能出现在一个元素上。