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

為了賬號安全,請及時綁定郵箱和手機立即綁定

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

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

正在回答

1 回答

這個問題我也遇到了,專門研究了一下

CSS中這樣寫表示定義的是兩個類的交集樣式

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

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

56a6e7df0001153105000063.jpg

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

顯示效果:

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

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

對比以下另一種情況,理解會更深刻

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

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

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

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

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

顯示效果:

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

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

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

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

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

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

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

舉報

0/150
提交
取消

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

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

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

幫助反饋 APP下載

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

公眾號

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