綁定子類到父類中的CSS

Question

所以，我的div如下：

<div class="first"> 
    <div class="second"> 
     <div class="third"> 
     <div class="fourth"> 

     </div> 
     </div> 
    </div> 

對CSS，我婉包括「第二」，「第三」和「第四」的內「第一」像下面（但顯然不正確）。

.first{ 
    .second{some css} 
    .third{some css} 
    .fourth{some css} 
} 

什麼是結合內部類爲頂級，而不需要重複頂級的正確方法？

Answer 1

試試SASS。

在上海社會科學院，你可以這樣做：

nav { 
    ul { 
    margin: 0; 
    padding: 0; 
    list-style: none; 
    } 

    li { display: inline-block; } 

    a { 
    display: block; 
    padding: 6px 12px; 
    text-decoration: none; 
    } 
} 

SASS Official Page