CSS 權重

相同CSS權重(等級排序) 後者會覆蓋前者

• 米字號 * 0分
  只要有任何CSS選擇器都可以蓋過他

• HTML元素 1分
  直接使用div、h1、h2、p...etc，權重分數也很低

• class 10分
  一般最常用的選擇器
  自訂CSS並且HTML標籤上class=‘xxx’
  css則寫.xxx{//略}

• id 100分
  一般不建議用的CSS選擇器
  自訂CSS並且HTML標籤上id=‘xxx’
  css則寫#xxx{//略}

        不建議用的原因
        是因為id多留給JS去處理
        而且CSS使用id權重有100分，也就是比常用的Class選擇器高
        那Class要設多少個才會蓋過一個id...所以不建議用
        另外，JS獲取id有唯一性，CSS用id是沒有唯一性的
        我們可以同時給很多標籤相同id並吃到樣式喔
  

• !important 為CSS權重等級最高
  少用

• 其他
  div .app > .wrap 這種用法權重就比單用一個class高，但是要避免太過巢狀