CSS規則在sass中可以進行巢狀，css屬性也可以進行巢狀，屬性巢狀的規則是：

有中橫線的屬性可以拆解巢狀，以中橫線為界限進行拆解，依次巢狀

廢話不多說，直接上程式碼：

.lesson3-demo2{
    .box{
      height: 100px;
      width: 800px;
      padding: {
        top:  20px;
        left: 30px;
      }
      border: {
        left: 5px solid #3da7f5;
        right: 5px solid #f51022;
        top: 5px solid #41f518 {
          left-radius: 25px;
          right-radius: 25px;
        }
        bottom: 5px solid #f50d5f {
          left-radius: 25px;
          right-radius: 25px;
        }
      }
    }
  }
 

可以看到，padding屬性和border屬性都進行了巢狀，這樣程式碼邏輯度更好，像我初接觸sass，就覺得雖然減少了程式碼量，而且加深了邏輯結構，但是純css讀起來更直觀。在瀏覽器中，是沒有任何問題的，以上sass會被解析成以下css。

.lesson3 .lesson3-demo2 .box {
    height: 100px;
    width: 800px;
    padding-top: 20px;
    padding-left: 30px;
    border-left: 5px solid #3da7f5;
    border-right: 5px solid #f51022;
    border-top: 5px solid #41f518;
    border-top-left-radius: 25px;
    border-top-right-radius: 25px;
    border-bottom: 5px solid #f50d5f;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
}