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標註的單元格都會是帶有灰色背景的橙色。