如何将多个类与一个ID选择器一起使用？

Question

我希望这种情况发生：

.category-news #main-header {
    background: #001846 !important;
}

.category-sports #main-header {
    background: #001846 !important;
}

但是我可以将它组合成1吗？

而不是2行代码

Answer 1

由于ID在文档中是唯一的，并且具有非常高的特异性，因此在它们之前的任何选择器都没有区别 - 因此，您的两个选择器实际上总是选择#main-header并且可以安全地合并为一个：

#main-header {
    background: #001846 !important;
}