CSS类选择器

一 在css中，类选择器以一个点号显示：

.center{

text-align:center;

}

在上面的例子中，所有拥有center类的html元素均为居中。

在下面的html例子代码中，h1和p元素都有center类。这就说明两者都将遵守".center"选择器规则。

<h1 class="center">这个标题将会居中显示</h1>

<p class="center">这个段落将会居中显示</p>

注意：类名的第一个字符不能使用数字。

和id一样，class也可以被用作派生选择器：

.fancy td{

color:#f66;

background:#666;

}

上面的这个例子说明，类名fancy的更大的元素内部的表格单元都会变为设置的颜色而背景显示颜色橙色。

元素也可以基于它们的类而被选择：

td.fancy{

color:#f60;

background:#666;

}

在上面的例子中，类名为fancy的表格单元将是带有灰色背景的橙色。

使用方法：

<td class="fancy">

那些以fancy标注的单元格都会是带有灰色背景的橙色。