[Sass]嵌套-屬性嵌套

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;
}

results matching ""

    No results matching ""