將樣式表應用於樣式表中的每個選擇器

除了使用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

將樣式表應用於樣式表中的每個選擇器

回答

相關問題