你對CSS類選擇器的使用是否熟悉，這里向大家描述一下，在CSS中，CSS類選擇器通常以一個點號顯示，需要注意一點的就是不要使用數字起始類名！因為它無法在Mozilla或Firefox中起作用。

CSS類選擇器

在CSS中，CSS類選擇器以一個點號顯示：

.center{text-align:center}

在上面的例子中，所有擁有center類的HTML元素均為居中。

在下面的HTML代碼中，h1和p元素都有center類。這意味著兩者都將遵守".center"選擇器中的規則。

Thisheadingwillbecenter-aligned

Thisparagraphwillalsobecenter-aligned.

◆注意：CSS類選擇器中不要使用數字起始類名！它無法在Mozilla或Firefox中起作用。

和id一樣，class也可被用作派生選擇器：

.fancytd{

color:#f60;

background:#666;

}

在上面這個例子中，CSS類名為fancy的更大的元素內部的表格單元都會以灰色背景顯示橙色文字。(名為fancy的更大的元素可能是一個表格或者一個div)

◆元素也可以基于它們的類而被選擇：

td.fancy{

color:#f60;

background:#666;

}

在上面的例子中，類名為fancy的表格單元將是帶有灰色背景的橙色。

你可以將類fancy分配給任何一個表格元素任意多的次數。那些以fancy標注的單元格都會是帶有灰色背景的橙色。那些沒有被分配名為fancy的類的單元格不會受這條規則的影響。還有一點值得注意，class為fancy的段落也不會是帶有灰色背景的橙色，當然，任何其他被標注為fancy的元素也不會這條規則的影響。這都是由于我們書寫這條規則的方式，這個效果被限制于被標注為fancy的表格單元(即使用td元素來選擇fancy類)。

文章出處：標準之路(http://www.aa25.cn/css2/css_class564.shtml)

【編輯推薦】

【責任編輯：程華權 TEL：(010)68476606】

點贊 0

總結

以上是生活随笔為你收集整理的css class选择器用法,CSS类选择器用法简明介绍的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。