課程
/前端開發(fā)
/Sass/Less
/Sass入門篇
(&)是表示父級元素還是最近選擇器引用?
2016-01-08
源自:Sass入門篇 4-7
正在回答
都不是。
連體符&替代元素自身。
如:我們要編譯如下的css
.mod.on?{???? color:?green; }
那么在Sass中,同樣可以使用&來替代選擇器.mod:
.mod?{ ????&.on{ ????????color:?green; ????} }
需要注意的是&和相連的類名之間不能有任何的空格,不然就會(huì)變成CSS選擇器中的后代選擇器。
如這里多了空格
.mod?{ ????&?.on?{ ????????color:?green; ????} }
那么編譯出來是css就是
.mod?.on?{??color:?green;?}
an912 提問者
4-5 節(jié)
?nav a { ?color:red;}header nav a { ?color:green;}
那么在 Sass 中,就可以使用選擇器的嵌套來實(shí)現(xiàn):
nav { ?a { ? ?color: red; ? ?header & { ? ? ?color:green; ? ?} ?} ?}
這個(gè)header 后 的& 是 nav a
http://www.sass.hk/sass-course.html
這是sass官網(wǎng)給出的解釋,想了解的更多可以點(diǎn)擊上面的鏈接
選擇器里沒有(&)
舉報(bào)
Sass入門視頻教程,學(xué)會(huì)Sass使你擺脫重復(fù)編寫代碼的工作
3 回答為什么用嵌套選擇器代碼會(huì)報(bào)錯(cuò)?
2 回答按照語法書寫%占位符,但是在@extend 使用的時(shí)候提示 未找到選擇器,問題在哪兒?idea的提示問題?
1 回答選擇器嵌套對開發(fā)者的影響
2 回答用webstrom如何選擇用哪種模式輸出?
5 回答問一下大家:三個(gè)<a>最后到底是綠還是紅
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
2016-01-08
都不是。
連體符&替代元素自身。
如:我們要編譯如下的css
那么在Sass中,同樣可以使用&來替代選擇器.mod:
需要注意的是&和相連的類名之間不能有任何的空格,不然就會(huì)變成CSS選擇器中的后代選擇器。
如這里多了空格
那么編譯出來是css就是
2016-11-21
4-5 節(jié)
?nav a {
?color:red;
}
header nav a {
?color:green;
}
那么在 Sass 中,就可以使用選擇器的嵌套來實(shí)現(xiàn):
nav {
?a {
? ?color: red;
? ?header & {
? ? ?color:green;
? ?}
?} ?
}
這個(gè)header 后 的& 是 nav a
2016-09-27
http://www.sass.hk/sass-course.html
這是sass官網(wǎng)給出的解釋,想了解的更多可以點(diǎn)擊上面的鏈接
2016-01-08
選擇器里沒有(&)