嵌套类在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