嵌套類在CSS使用其他樣式由少嵌套樣式

Question

我使用的地方是這樣定義的風格

.main> .test{ 
display: block; 
background:#FFFFFF 
} 

這種風格被保存，我不希望更改文件中的CSS。我的新html結構是

<div class="main"> 
    <form> 
    <div class="test"> 
    ... 
    </div> 
    </form> 
</div> 

在這種情況下，風格將不適用。我的問題是：是否可以這樣定義CSS，如果是像它在定義「主要>。測試」沒有這種風格的複製粘貼內容

Answer 1

簡單的答案

.main> form> .test{  
} 

使用造型

使用純CSS您不能擴展類

之間的一類或使用繼承

-

可能的解決方案

您可以使用CSS預處理器（如Sass）使用@extend關鍵字來完成此操作。

代碼示例：提供有關如何使用here