CSS類選擇器用法簡(jiǎn)明介紹
你對(duì)CSS類選擇器的使用是否熟悉，這里向大家描述一下，在CSS中，CSS類選擇器通常以一個(gè)點(diǎn)號(hào)顯示，需要注意一點(diǎn)的就是不要使用數(shù)字起始類名！因?yàn)樗鼰o法在Mozilla或Firefox中起作用。
CSS類選擇器
在CSS中，CSS類選擇器以一個(gè)點(diǎn)號(hào)顯示：
- .center{text-align:center}
在上面的例子中，所有擁有center類的HTML元素均為居中。
在下面的HTML代碼中，h1和p元素都有center類。這意味著兩者都將遵守".center"選擇器中的規(guī)則。
- <h1classh1class="center">
- Thisheadingwillbecenter-aligned
- </h1>
- <pclasspclass="center">
- Thisparagraphwillalsobecenter-aligned.
- </p>
◆注意：CSS類選擇器中不要使用數(shù)字起始類名！它無法在Mozilla或Firefox中起作用。
和id一樣，class也可被用作派生選擇器：
- .fancytd{
- color:#f60;
- background:#666;
- }
在上面這個(gè)例子中，CSS類名為fancy的更大的元素內(nèi)部的表格單元都會(huì)以灰色背景顯示橙色文字。（名為fancy的更大的元素可能是一個(gè)表格或者一個(gè)div）
◆元素也可以基于它們的類而被選擇：
- td.fancy{
- color:#f60;
- background:#666;
- }
在上面的例子中，類名為fancy的表格單元將是帶有灰色背景的橙色。
<tdclass="fancy">你可以將類fancy分配給任何一個(gè)表格元素任意多的次數(shù)。那些以fancy標(biāo)注的單元格都會(huì)是帶有灰色背景的橙色。那些沒有被分配名為fancy的類的單元格不會(huì)受這條規(guī)則的影響。還有一點(diǎn)值得注意，class為fancy的段落也不會(huì)是帶有灰色背景的橙色，當(dāng)然，任何其他被標(biāo)注為fancy的元素也不會(huì)這條規(guī)則的影響。這都是由于我們書寫這條規(guī)則的方式，這個(gè)效果被限制于被標(biāo)注為fancy的表格單元（即使用td元素來選擇fancy類）。
文章出處：標(biāo)準(zhǔn)之路(http://www.aa25.cn/css2/css_class564.shtml)
【編輯推薦】
