2.4  类选择符

2.4  类选择符

类选择符是表示指定选择符的类别，可以为某一个选择符指定不同的分类，也可以直接指定分类名称。

1）相对类选择符

使用类选择符能够把相同的元素分类定义不同的样式。定义类选择符时，在自定类的名称前面加一个点号。

例如，你想要两个不同的段落，一个段落向右对齐，另一个段落居中，你可以先定义两个类：

p.right {text-align: right} 
p.center {text-align: center} 

然后用在不同的段落里，只要在HTML标记里加入你定义的class参数：

<p class="right"> 这个段落向右对齐的 </p> 
<p class="center"> 这个段落是居中排列的 </p> 

类的名称可以是任意英文单词或以英文开头与数字的组合，一般以其功能和效果简要命名。

2）绝对类选择符

类选择符还有一种用法，在选择符中省略HTML标记名，这样可以把几个不同的元素定义成相同的样式。例如：

.center {text-align: center} 

它定义.center的类选择符为文字居中排列。这样的类可以被应用到任何元素上。

下面我们使h1元素（标题1）和p元素（段落）都归为center类，这使两个元素的样式都跟随.center的类选择符：

<h1 class="center"> 这个标题是居中排列的 </h1> 
<p class="center"> 这个段落也是居中排列的 </p> 

这种省略HTML标记的类选择符是我们今后最常用的CSS方法，使用这种方法，我们可以很方便地在任意元素上套用预先定义好的类样式。