課程
/前端開發(fā)
/Sass/Less
/Sass入門篇
(1px 2px) (5px 6px)與 1px 2px 5px 6px 在編譯后的 CSS 文件中是一樣的,那么效果還是sass想要實(shí)現(xiàn)的效果嗎
2017-02-27
源自:Sass入門篇 4-21
正在回答
效果一樣,兩種不同的表達(dá)方式。一種樣式,sass可以用不同的方式實(shí)現(xiàn),這就是為什么說(shuō)sass使得css代碼更加簡(jiǎn)潔,適應(yīng)性更強(qiáng)。
你漏看了一個(gè)逗號(hào),(1px 2px) (5px 6px)和1px 2px,5px 6px是一樣的,可以理解為一個(gè)二維數(shù)組的兩種寫法,而1px 2px 5px 6px是一個(gè)一維數(shù)組
$border:1px solid?
$color:#333;
.nav a{
????border:join($border,$color);
}
????border:1ps solid #333;
這兩個(gè)效果是一樣的但是sass的目的就是為了讓代碼達(dá)到簡(jiǎn)化,復(fù)用和組合使用的效果
舉報(bào)
Sass入門視頻教程,學(xué)會(huì)Sass使你擺脫重復(fù)編寫代碼的工作
1 回答Sass的插值還在發(fā)展中?
2 回答sass sass/:css/ 編譯出錯(cuò)
1 回答sass sass\:css\ 編譯出錯(cuò)
2 回答sass sass/:css/就沒(méi)人發(fā)現(xiàn)這個(gè)編譯出錯(cuò)嗎?要寫成sass --watch sass/:css/
1 回答關(guān)于sass
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號(hào)-11 京公網(wǎng)安備11010802030151號(hào)
購(gòu)課補(bǔ)貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動(dòng)學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號(hào)
2019-08-27
效果一樣,兩種不同的表達(dá)方式。一種樣式,sass可以用不同的方式實(shí)現(xiàn),這就是為什么說(shuō)sass使得css代碼更加簡(jiǎn)潔,適應(yīng)性更強(qiáng)。
2017-04-30
你漏看了一個(gè)逗號(hào),(1px 2px) (5px 6px)和1px 2px,5px 6px是一樣的,可以理解為一個(gè)二維數(shù)組的兩種寫法,而1px 2px 5px 6px是一個(gè)一維數(shù)組
2017-02-27
$border:1px solid?
$color:#333;
.nav a{
????border:join($border,$color);
}
.nav a{
????border:1ps solid #333;
}
這兩個(gè)效果是一樣的但是sass的目的就是為了讓代碼達(dá)到簡(jiǎn)化,復(fù)用和組合使用的效果