課程
/前端開(kāi)發(fā)
/Sass/Less
/Sass和Compass必備技能之Sass篇
.error.instruction 這種形式在html中是怎么用的?
2016-01-24
源自:Sass和Compass必備技能之Sass篇 4-1
正在回答
這個(gè)問(wèn)題我也遇到了,專(zhuān)門(mén)研究了一下
CSS中這樣寫(xiě)表示定義的是兩個(gè)類(lèi)的交集樣式
在html中也是添加多個(gè)類(lèi)名并列(試了一下,順序還可以互換)的調(diào)用方式
此時(shí)權(quán)重會(huì)發(fā)生改變, ?.class1和.class2的權(quán)重是1,而.class1.class2的權(quán)重為2(即最高),頁(yè)面加載時(shí)會(huì)優(yōu)先使用權(quán)重高的,即自己定義的交集樣式,而不是.class2的樣式
顯示效果:
-----------------------------------------------------------------------------------------------------------------
對(duì)比以下另一種情況,理解會(huì)更深刻
假設(shè)CSS不定義交集樣式.class1.class2,看看是什么情況
html調(diào)用過(guò)程相同
此時(shí) ?.calss1和.calss2的權(quán)重是1,.class2寫(xiě)在后面會(huì)覆蓋掉.class1的樣式
----------------------------------------------------------------------------------------------------------
總結(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ù)性也高。
舉報(bào)
Sass與Compass初體驗(yàn),初戀即深戀,助您寫(xiě)出更優(yōu)秀的CSS
1 回答這里scss編譯成css是實(shí)時(shí)的?怎么實(shí)現(xiàn)的?
1 回答我習(xí)慣用window的怎么辦?
1 回答在scss文件里寫(xiě)了但是在css里面沒(méi)有生成對(duì)應(yīng)的樣式
1 回答output_style=:compressed怎么不起作用?
1 回答老師使用的是工具是什么?是sublime嗎
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢(xún)優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2016-01-26
這個(gè)問(wèn)題我也遇到了,專(zhuān)門(mén)研究了一下
CSS中這樣寫(xiě)表示定義的是兩個(gè)類(lèi)的交集樣式
在html中也是添加多個(gè)類(lèi)名并列(試了一下,順序還可以互換)的調(diào)用方式
此時(shí)權(quán)重會(huì)發(fā)生改變, ?.class1和.class2的權(quán)重是1,而.class1.class2的權(quán)重為2(即最高),頁(yè)面加載時(shí)會(huì)優(yōu)先使用權(quán)重高的,即自己定義的交集樣式,而不是.class2的樣式
顯示效果:
-----------------------------------------------------------------------------------------------------------------
對(duì)比以下另一種情況,理解會(huì)更深刻
假設(shè)CSS不定義交集樣式.class1.class2,看看是什么情況
html調(diào)用過(guò)程相同
此時(shí) ?.calss1和.calss2的權(quán)重是1,.class2寫(xiě)在后面會(huì)覆蓋掉.class1的樣式
顯示效果:
----------------------------------------------------------------------------------------------------------
總結(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ù)性也高。