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

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

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

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

正在回答

1 回答

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

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

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

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

56a6e7df0001153105000063.jpg

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

顯示效果:

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

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

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

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

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

html調用過程相同

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

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

顯示效果:

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

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

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

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

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

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

6 回復 有任何疑惑可以回復我~

舉報

0/150
提交
取消

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

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號