将样式表应用于样式表中的每个选择器

除了使用CSS预处理器之外，是否有一种方法可以将样式表中的每个选择器添加到类中，而不必重复它？将样式表应用于样式表中的每个选择器

举例来说，如果我有一个样式，看起来像这样：

#id1 .class1 { 
    color: #ccc; 
} 

#id1 .class2 { 
    color: #ddd; 
} 

#id1 .class3 { 
    color: #eee; 
}

有什么办法，我可以格式化，而无需重复＃ID1每一个选择？

来源

2014-02-11 Josh Warren

使用昏迷。我相信 –

我可以用逗号，以避免重复样式如果它们对于每个类都是相同的。我怎么能使用逗号来应用＃id1到每个类，而不是每次重复它？ –

看看上面的示例，将它们分组是没有意义的，因为它们没有共同的样式。但是，如果他们稍后做了，就像我上面提到的其余部分一样，您可以使用“逗号”对它们进行分组。 – EmileKumfa

-1

这个问题有点类似于这个 - wildcard * in CSS for classes。

您是否尝试过使用这些选择器？

来源

2014-02-11 07:08:09

这很有趣，是的，它会适用于我发布的示例，但我的实际应用程序有点复杂，所以我无法利用它。 –

查看这篇文章，也许你可以找到你的问题的答案。 http://code.tutsplus.com/tutorials/the-30-css-selectors-you-must-memorize--net-16048 –

尽管这些选择器提供了有趣的功能，但它们在性能方面确实很慢，应该避免使用可能。 – Nit

把一个额外的类在你的HTML：

<div id="id1"> 
    <div class="class1 class-grey">…</div> 
    <div class="class2 class-grey">…</div> 
    <div class="class3 class-grey">…</div> 
    <div class="class4">…</div> 
    <div class="class5">…</div> 
</div>

...比作风这个新类CSS：

#id1 .class-grey { 
    color: #ccc; 
}

来源

2014-02-11 10:36:35 fboes

将样式表应用于样式表中的每个选择器

回答

相关问题