Sass 中還提供屬性嵌套,CSS 有一些屬性前綴相同,只是后綴不一樣,比如:border-top/border-right,與這個類似的還有 margin、padding、font 等屬性。假設你的樣式中用到了:
.box {
border-top: 1px solid red;
border-bottom: 1px solid green;
}
在 Sass 中我們可以這樣寫:
.box {
border: {
top: 1px solid red;
bottom: 1px solid green;
}
}
在編輯器第 2 行、3 行和第 4 行輸入正確的代碼,使其編譯出來的 CSS 如下:
.box {
font-size: 12px;
font-weight: bold;
}
參考代碼如下:
.box {
font: {
size: 12px;
weight: bold;
}
}
請驗證,完成請求
由于請求次數過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報