第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

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

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

慕工程0101907 2019-10-06 15:55:57
如果我有以下div:<div class="sectionA" id="content">    Lorem Ipsum...</div>有沒(méi)有一種方法可以定義表達(dá)“與id='content'AND 的div”這一想法的樣式class='myClass'?還是您只是簡(jiǎn)單地走了一條路<div class="content-sectionA">    Lorem Ipsum...</div>要么<div id="content-sectionA">    Lorem Ipsum...</div>
查看完整描述

4 回答

?
侃侃爾雅

TA貢獻(xiàn)1801條經(jīng)驗(yàn) 獲得超16個(gè)贊

在樣式表中:


div#content.myClass

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


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

div.firstClass.secondClass /* ditto */

并且,根據(jù)您的示例:


div#content.sectionA

四年后進(jìn)行編輯:由于它已經(jīng)過(guò)時(shí)了,人們一直在尋找它:不要在選擇器中使用tagNames。#content.myClass比div#content.myClasstagName添加不需要的篩選步驟要快。僅在必須的地方在選擇器中使用tagNames!


查看完整回答
反對(duì) 回復(fù) 2019-10-06
?
慕田峪7331174

TA貢獻(xiàn)1828條經(jīng)驗(yàn) 獲得超13個(gè)贊

通常,您不需要對(duì)id指定的元素進(jìn)行分類,因?yàn)閕d始終是唯一的,但是如果您確實(shí)需要,則可以執(zhí)行以下操作:


div#content.sectionA {

    /* ... */

}


查看完整回答
反對(duì) 回復(fù) 2019-10-06
?
蕭十郎

TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超13個(gè)贊

在一個(gè)元素上組合id和class并沒(méi)有錯(cuò),但是對(duì)于一條規(guī)則,您不必同時(shí)通過(guò)ID進(jìn)行識(shí)別。如果您確實(shí)要這樣做,可以執(zhí)行以下操作:


#content.sectionA{some rules}

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


通常,應(yīng)使用ID設(shè)置特定于該元素的CSS規(guī)則,并且這些規(guī)則將比僅該類具有更大的權(quán)重。該類指定的規(guī)則將是屬性,這些屬性適用于您不想在任何時(shí)候需要在多個(gè)位置進(jìn)行更改的多個(gè)項(xiàng)目。


歸結(jié)為:


 .sectionA{some general rules here}

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

說(shuō)得通?


查看完整回答
反對(duì) 回復(fù) 2019-10-06
  • 4 回答
  • 0 關(guān)注
  • 877 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)