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标注的单元格都会是带有灰色背景的橙色。