父選擇器
在撰寫本文時(2016 年 8 月),父選擇器(&
)始終將完整的父選擇器鏈引用到最頂層。它不能僅用於選擇直接父級或最根本祖先。
也就是說,在下面的程式碼中 &#type1
會解析為 #demo-container .content#type1
而不僅僅是 .content
或者只是 #demo-container
。
#demo-container {
padding: 4px;
border: 1px solid gray;
#heading {
padding: 4px;
font-size: 20px;
}
.content {
padding: 2px;
font-size: 18px;
&#type1 {
color: chocolate;
}
}
}