覆盖多个类

Question

如果我试图重写多个类中的特定标记，是否必须为每个类明确写出该标记，或者是否有将它们组合的方法。例如，我有：

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

而且我想申请代码为H2标签Class1中还H2标签在Class2中，有没有办法把它定义为双方的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 & class2，则必须将其写入两次。

Answer 3

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

您可以对css类进行分组。

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

这意味着，h2元素将具有class1 css风格。

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

这意味着，1类，Class2中都具有相同的CSS样式

Answer 4

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

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