CSS学习之第二章《选择符与结构》(2)

类选择符和ID选择符

除了基本的文档元素外，还有两个其它的选择符：类（class）选择符和ID选择符，它们充许以独立于文档元素的方式来分配样式规则的应用，这些选择符即可以独立运用，也可以和元素选择符合用。

类选择符：类选择符必需以.开头，它可以帮助类选择符与其他元素相分离。也可以组合在一起使用，像元素选择符一样。

例：

<style type="text/css">

.warning{font-weight:bold;}

p.warning{font-weight:bold;}

</style>

HTML文档：

<p class="warning">使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~</p>

<p>使用类选择符的结果~<span class="warning">使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~</span>使用类选择符的结果~</p>

结果如下：

使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~

使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~

---

ID选择符：声明ID选择符前面必需有#号，而不是.句点。如：#first-para{font-weight:bold;}。

类和ID的区别：类选择符可以重复使用，ID选择符只能在某个HTML文档中使用一次。