CSS代码违反默认的CSS代码，好还是不好？

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的文本 - align：left，而默认值是text-align：center。我已经用html页面实际使用了这些代码，并且发现浏览器不会解释它。但是我想知道这是否仍然是不好的做法，或者可能导致问题出现。

Answer 1

在样式表中不可能存在矛盾 - 选择器要么更具体（如此重写不太具体的选择器），要么稍后再来，并覆盖以前的选择器规则。

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

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

https://css-tricks.com/specifics-on-css-specificity/