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