Sass 中還提供屬性嵌套,CSS 有一些屬性前綴相同,只是后綴不一樣,比如:border-top/border-right,與這個類似的還有 margin、padding、font 等屬性。假設(shè)你的樣式中用到了:
.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; } }
請驗證,完成請求
由于請求次數(shù)過多,請先驗證,完成再次請求
打開微信掃碼自動綁定
綁定后可得到
使用 Ctrl+D 可將課程添加到書簽
舉報