寫 css 的時候，有時候會遇到套用樣式後。效果卻沒有出現，或是被覆蓋掉

這時候就是 css 優先權的問題

1. 優先權:

   !important > inline style > id > class > element
   

2. 計算

   * 如果元素具有 inline style，(1,0,0,0)
   * 每個 id，(0,1,0,0)
   * 每個 class (或偽類或屬性選擇器)，(0,0,1,0)
   * 每個 element，(0,0,0,1)
   

3. margin 和 padding 不能被繼承

Ref:

• cssspecificity
• Specifics on CSS Specificity
• 權重計算機