幫我理解這個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將適用於一個元素與box2

Understanding CSS Style Precedence

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

Answer 2

一個id

因爲您可能沒有添加class="box2"。 .指的是類。 #是爲id。