scss嵌套卡住的語法和嵌套

Question

我正在嘗試學習sass - 可以幫助我將以下內容轉換爲scss，我完全卡在如何嵌套這一個？ 是否可以清理代碼？我已經試過了沒有工作的幾個組合，我也看了看文檔無濟於事

ul.related li, .sidebar p { 
    border-bottom: 1px solid #999; 
    color: #07A; 
    font-size: 0.92em; 
    margin-top: 0.4em; 
    text-align: center; 

} 

ul.related li:last-child { 
    border-bottom: none; 
} 


.sidebar p { 
    border-bottom: none; 
} 



ul.related { 
    width: 100%; 
} 

Answer 1

對於bestpractice去除常見的款式中的佔位符，並擴展它。

%commonstyle { 
    border-bottom: 1px solid #999; 
    color: #07A; 
    font-size: 0.92em; 
    margin-top: 0.4em; 
    text-align: center; 
} 

ul.related { 
    width: 100%; 
    li { 
     @extend %commonstyle; 
     &:last-child { 
      border-bottom: none; 
     } 
    } 
} 
.sidebar p { 
    @extend %commonstyle; 
    border-bottom: none; 
}