覆盖多个类

Question

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

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

我想将class1中的h2标签的代码也应用于class2中的h2标签，有没有办法为class1和class2定义它而无需编写代码两次？

Answer 1

您想要Selector Grouping：

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

引用规范：

  

在这个例子中，我们将具有相同声明的三个规则压缩成一个。因此，

     

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

     

相当于：

     

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

Answer 2

如果你想让css应用于页面中的所有h2，你可以定义它的页面级别。但是如果你只想申请class1＆amp; class2，你必须写两次。

Answer 3

如果你在多个类中有相同的css样式，那么你应该组合这些类，以优化代码。

您可以对css类进行分组。

.class1 h1{ ........}
.class2 h2{ ........ }

这意味着，h2元素将具有class1 css样式。

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

这意味着，class1，class2都具有相同的css样式

Answer 4

 <h2 class="class1 class2">This is my taunt</h2>

这是实现多个类的标准方法。作为一般规则，您应该定义您事先知道将重叠的类，以排除您知道将在另一个类中的声明。为公共属性/值对建立第三类。