css選擇器的優先級

選擇器的優先級表述為4個部分，用0,0,0,0表示。

• !important--1,0,0,0
• 行內樣式
• ID選擇器--0,1,0,0
• 類選擇器(例如,

  .example

  )、屬性選擇器（例如,?

  [type="radio"]

  ）或偽類（例如, :hover）--0,0,1,0
• 元素（例如, h1）和偽元素（例如, :before）--0,0,0,1
• 通配選擇器(

  *

  ), 關系選擇符(
  ,?

  >

  ,?

  ~

  , '
  ') ?和 否定偽類(

  :not()

  ) 對優先級沒有影響。（但是，在 :not() 內部聲明的選擇器會影響優先級）--0,0,0,0
• 繼承過來的樣式沒有優先級,若存在通配選擇器，則被其聲明覆蓋

????????? 當兩條相互沖突的帶有

!important

規則的聲明被應用到相同的元素上時，優先級更高的聲明將會被采用。