本篇內(nèi)容介紹了“CSS類選擇器使用實(shí)例分析”的有關(guān)知識，在實(shí)際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)是一家專業(yè)提供安仁企業(yè)網(wǎng)站建設(shè),專注與網(wǎng)站設(shè)計(jì)制作、網(wǎng)站建設(shè)、H5開發(fā)、小程序制作等業(yè)務(wù)。10年已為安仁眾多企業(yè)、政府機(jī)構(gòu)等服務(wù)。創(chuàng)新互聯(lián)專業(yè)網(wǎng)站制作公司優(yōu)惠進(jìn)行中。

CSS類選擇器

在CSS中，CSS類選擇器以一個(gè)點(diǎn)號顯示：

.center{text-align:center}

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

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

 Thisheadingwillbecenter-aligned     Thisparagraphwillalsobecenter-aligned.  

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

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

.fancytd{   color:#f60;   background:#666;  }

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

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

td.fancy{   color:#f60;   background:#666;  }

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

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

“CSS類選擇器使用實(shí)例分析”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！