css - 覆盖多个类

Question

如果我试图覆盖多个类中的特定标记，我是否必须为每个类显式写出该标记，或者有没有办法将它们组合起来。例如我有:

.class1 { }
.class2 { }
.class1 h2 {
    <!-- some code -->
}

我想将 class1 中 h2 标签的代码也应用到 class2 中的 h2 标签，有没有办法在不编写两次代码的情况下为 class1 和 class2 定义它？

Answer 1

你想要Selector Grouping :

.class1 h2,
.class2 h2 { ... }

引用规范:

In this example, we condense three rules with identical declarations into one. Thus,

h1 { font-family: sans-serif }
h2 { font-family: sans-serif }
h3 { font-family: sans-serif }

is equivalent to:

h1, h2, h3 { font-family: sans-serif }