CSS怎么把class用作派生選擇器

發(fā)布時(shí)間：2022-03-23 10:28:17 來源：億速云閱讀：149 作者：iii 欄目：web開發(fā)

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

.fancy td {

color: #f60;

background: #666;

}

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

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

td.fancy {

color: #f60;

background: #666;

}

在上面的例子中，類名為 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 類）。

“CSS怎么把class用作派生選擇器”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！

向AI問一下細(xì)節(jié)

猜你喜歡