编辑所有CSS规则相对于一个ID

Question

我有一个CSS，我想把所有的规则在CSS相对于一个ID。

例如： 我

.clearfix { 
    clear: both; 
    display: block; 
    font-size: 1px; 
    height: 0; 
    line-height: 1px; 
    margin: 0; 
    padding: 0; 
} 

我必须使它像

#vn_space .clearfix { 
    clear: both; 
    display: block; 
    font-size: 1px; 
    height: 0; 
    line-height: 1px; 
    margin: 0; 
    padding: 0; 
} 

有没有把相关的所有CSS规则，一个ID而不是编辑每个规则的任何简单的方法

Answer 1

您可以对第二条规则使用继承。

E.g. clear: both在.clearfix将适用于规则#vn_space .clearfix。因此，在#vn_space .clearfix中，您可以省略规则.clearfix中相同的任何内容。

.clearfix { 
 
    background-color: red; 
 
    width: 20px; 
 
    height: 20px; 
 
} 
 
#vm_space { 
 
    padding: 5px; 
 
    background-color: green; 
 
} 
 
#vm_space .clearfix { 
 
    border: 1px solid black; 
 
}

<div class="clearfix"></div> 
 
<div id="vm_space"> 
 
    <div class="clearfix"></div> 
 
</div>

Answer 2

，如果你想这样做任何你可以如何再使用它像

$('div').css(["#vn_space", ".clearfix"]);

，但我不会建议它愿意，可以用其他方式做这个css

这里是我发现

Is it possible to reference one CSS rule within another?