css - 编辑所有与一个ID相关的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，而不是编辑每个规则

最佳答案

您可以将继承用于第二个规则。

例如。 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>

关于css - 编辑所有与一个ID相关的CSS规则，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/31334410/