已解決430363個問題，去搜搜看，總會有你想問的

如何在CSS選擇器中組合類和ID？

首頁猿問如何在CSS選擇器中組合類和ID？

如何在CSS選擇器中組合類和ID？

Html/CSS

慕工程0101907 2019-10-06 15:55:57

如果我有以下div：<div class="sectionA" id="content"> Lorem Ipsum...</div>有沒有一種方法可以定義表達“與id='content'AND 的div”這一想法的樣式class='myClass'？還是您只是簡單地走了一條路<div class="content-sectionA"> Lorem Ipsum...</div>要么<div id="content-sectionA"> Lorem Ipsum...</div>

查看完整描述

4 回答

侃侃爾雅

TA貢獻1801條經驗獲得超16個贊

在樣式表中：

div#content.myClass

編輯：這些可能也有幫助：

div#content.myClass.aSecondClass.aThirdClass /* Won't work in IE6, but valid */

div.firstClass.secondClass /* ditto */

并且，根據您的示例：

div#content.sectionA

四年后進行編輯：由于它已經過時了，人們一直在尋找它：不要在選擇器中使用tagNames。#content.myClass比div#content.myClasstagName添加不需要的篩選步驟要快。僅在必須的地方在選擇器中使用tagNames！

反對回復 2019-10-06

慕田峪7331174

TA貢獻1828條經驗獲得超13個贊

通常，您不需要對id指定的元素進行分類，因為id始終是唯一的，但是如果您確實需要，則可以執行以下操作：

div#content.sectionA {

/* ... */

}

反對回復 2019-10-06

蕭十郎

TA貢獻1815條經驗獲得超13個贊

在一個元素上組合id和class并沒有錯，但是對于一條規則，您不必同時通過ID進行識別。如果您確實要這樣做，可以執行以下操作：

#content.sectionA{some rules}

您不需要div其他人建議的ID前面的。

通常，應使用ID設置特定于該元素的CSS規則，并且這些規則將比僅該類具有更大的權重。該類指定的規則將是屬性，這些屬性適用于您不想在任何時候需要在多個位置進行更改的多個項目。

歸結為：

.sectionA{some general rules here}

#content{specific rules, and overrides for things in .sectionA}

說得通？

反對回復 2019-10-06

4 回答
0 關注
886 瀏覽

關注

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

如何在CSS選擇器中組合類和ID？

如何在CSS選擇器中組合類和ID？

4 回答

相關問題推薦

添加回答

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何在CSS選擇器中組合類和ID？

如何在CSS選擇器中組合類和ID？

4 回答

相關問題推薦

添加回答

如何在CSS選擇器中組合類和ID？

如何在CSS選擇器中組合類和ID？