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

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

.error.instruction 這種形式在html中是怎么用的?

.error.instruction 這種形式在html中是怎么用的?

正在回答

1 回答

這個(gè)問(wèn)題我也遇到了,專(zhuān)門(mén)研究了一下

CSS中這樣寫(xiě)表示定義的是兩個(gè)類(lèi)的交集樣式

http://img1.sycdn.imooc.com//56a6e6cd0001efe401990339.jpg

在html中也是添加多個(gè)類(lèi)名并列(試了一下,順序還可以互換)的調(diào)用方式

56a6e7df0001153105000063.jpg

此時(shí)權(quán)重會(huì)發(fā)生改變, ?.class1和.class2的權(quán)重是1,而.class1.class2的權(quán)重為2(即最高),頁(yè)面加載時(shí)會(huì)優(yōu)先使用權(quán)重高的,即自己定義的交集樣式,而不是.class2的樣式

顯示效果:

http://img1.sycdn.imooc.com//56a6e8050001faae02090053.jpg

-----------------------------------------------------------------------------------------------------------------

對(duì)比以下另一種情況,理解會(huì)更深刻

假設(shè)CSS不定義交集樣式.class1.class2,看看是什么情況

http://img1.sycdn.imooc.com//56a6e8bf0001845501810219.jpg

html調(diào)用過(guò)程相同

http://img1.sycdn.imooc.com//56a6e95e000195be06790084.jpg

此時(shí) ?.calss1和.calss2的權(quán)重是1,.class2寫(xiě)在后面會(huì)覆蓋掉.class1的樣式

顯示效果:

http://img1.sycdn.imooc.com//56a6e9dc0001305502300051.jpg

----------------------------------------------------------------------------------------------------------

總結(jié),這種類(lèi)選擇器交集的寫(xiě)法適合特定的應(yīng)用場(chǎng)景,比如同時(shí)滿足class1和class2的元素時(shí)候又不想定義第三種類(lèi)的時(shí)候(還有就是ie6不支持兩個(gè)連續(xù)并列class類(lèi)名),我也沒(méi)有實(shí)踐過(guò)這種寫(xiě)法,感覺(jué)不好理解(可能我沒(méi)碰到適合這樣的應(yīng)用場(chǎng)景),我一般寫(xiě)下面這種寫(xiě)法,比較益于理解,可擴(kuò)展和可維護(hù)性也高。

http://img1.sycdn.imooc.com//56a6ee0300016ec502390539.jpg

http://img1.sycdn.imooc.com//56a6ee220001568d04620085.jpg

http://img1.sycdn.imooc.com//56a6edd80001a8b703160031.jpg

6 回復(fù) 有任何疑惑可以回復(fù)我~

舉報(bào)

0/150
提交
取消

.error.instruction 這種形式在html中是怎么用的?

我要回答 關(guān)注問(wèn)題
微信客服

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

幫助反饋 APP下載

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

公眾號(hào)

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