1

我有一个模糊的记忆，但在上面找不到任何关于能够使用关键字“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 添加到开头会容易得多每个选择器的。

有任何想法吗？谢谢！！

4

2 回答 2

2

除非您使用诸如SASS之类的CSS 预处理器，否则无法实现您想要的。以下是使用 SASS 完成后的外观：

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

参考：小链接。

于 2012-09-26T18:37:12.617 回答
0

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

然后，如果您需要覆盖特定样式，可以在选择器前面加上该 ID：

#overRideCSS <other selectors> {etc...}
于 2012-09-26T18:29:44.107 回答