前端面試題：CSS中的選擇器權重

• 哪一個選擇器權重大，就以哪一個css爲準
• 當選擇器都未做用到元素上，那個選擇器離元素近，哪一個css就生效，就近原則
• 當選擇器權重同樣，哪一個選擇器在後面，就以哪一個css爲準，css執行順序從上到下，後面的覆蓋前面的
• 當存在做用在元素上的選擇器，和沒做用到元素上的選擇器，以做用在元素上的選擇器爲準

轉載 CSS經典權重5道題解析

上面轉載文章總結

• 在考慮瀏覽器執行哪個樣式以前，先看樣式有沒有直接被選中。若是直接選中了，按照id數、類數、標籤數來計算權重，誰最後的權重數值聽誰的。若是數值同樣，則誰寫在後面聽誰的。
• 若是沒有直接被選中，那麼就按照就近原則的方式執行。

轉載 CSS中的選擇器權重