从许多css选择器中删除项目

Question

我有一个模糊的记忆，但无法找到任何内容，关于能够使用关键词“with”或“like”来做类似以下的事情。

using .class1{
  #a1, #a4{color:#ffffff;}
  #a2{color:#dddddd;}
  #a3{color:#eeeeee;}
}

而不是写：

.class1 #a1, .class #a4{color:#ffffff;}
.class2 #a2{color:#dddddd;}
.class3 #a3{color:#eeeeee;}

问题是我在页面中包含了一些html / css而css正在搞砸页面的其余部分。所以，我想修改css所以它只影响小部分，而不是整个页面。我在大量页面上以编程方式执行所有操作，因此将所有新css包装为“使用.class1”而不是通过css解析并将.class1添加到开头更容易每个选择器。

有什么想法吗？谢谢！

Answer 1

除非你使用像SASS这样的CSS预处理器，否则无法实现你想要的东西。以下是使用SASS完成时的外观：

.class1 {
  #a1, #a4 {
      color: #ffffff;
  }
  #a2 {
      color: #dddddd;
  }
  #a3 {
      color: #eeeeee;
   }
}

参考：little link。

Answer 2

将包含的HTML块包装在自己的ID中，如#overRideCSS

然后，如果您需要覆盖特定样式，可以使用该ID为选择器添加前缀：

#overRideCSS <other selectors> {etc...}