Question

假设我的CSS中有这个：

div {
margin: 0;
overflow: auto;
padding: 1%;
text-align: center;
word-wrap: break-word;
}

这应该是所有div的默认代码。但是，如果我有另一个div，其代码与此默认值相矛盾，那该怎么办呢？

div.a {
background-color: #ffffff;
border: 2px solid;
text-align: left;
}

正如你所看到的，背景色或边框没有矛盾，但是这个div是text-align：left，而默认是text-align：center。我实际上已经将这段代码与html页面一起使用，并且发现浏览器解释它没有任何问题。但是我想知道它是否仍然是不好的做法，或者可能会导致问题。

Answer 1

样式表中的矛盾是不可能的 - 选择器要么更具体（因此要覆盖不太具体的选择器），要么只是稍后来，因此覆盖以前的选择器规则。

在您的示例中，div.a选择器更具体，因为它按类选择而不仅仅是标记名称。这意味着如果你的div.a规则在div规则之前或之后出现并不重要，div.a规则将始终适用，因为它们更具体。

特殊规则起初可能看起来很复杂，但你会很快习惯它们。