帮助我理解这个CSS覆盖行为

Question

为什么#box2 a会覆盖#box a，当我放.box2 a时，它不会覆盖？

#box a { font-size:25px; }
#box2 a { font-size:55px; }

<div id="box">
<a href="">link</a>
<div id="box2"><a href="">link</a></div>
</div>

Answer 1

CSS规则总是按照出现的顺序发生，因此如果两个规则适用于特定元素，那么最后出现的元素将具有优先权。

此外，如上所述，如果您使用的.box2适用于类名为box2的元素，而#box2则适用于ID为{{1}的元素}}

Understanding CSS Style Precedence

Another Stack Overflow question relating to CSS classes and ids, and precedence

Answer 2

因为您可能没有添加class="box2"。 .指的是类。 #代表身份。