優(yōu)先級太重要了，所以單獨(dú)用不篇文章來講解：

針對不同選擇器選中同一元素并且設(shè)置同樣的屬性而言（如color）:

用下面兩個(gè)示例分析可以更好理解！

1. 灰色背景的例子：多條css中：無論有多少個(gè)元素選擇器，類選擇器（此例是.text）的優(yōu)先級都是最高那都有類選擇器如何確定優(yōu)先級。
2. 灰色背景下面一個(gè)示例：只用例子來說明，后面一個(gè)例子中，都有.title類，那么類數(shù)量多的（第二、三條）勝出。接著將相同數(shù)量的類消掉，再比較剩下的優(yōu)先級，第二條還有一個(gè)元素選擇器，第三條什么都沒有了，所以此例中：第二條css的優(yōu)先級最高。

獨(dú)家技巧來了：

• 如何記住下面5類選擇器優(yōu)先級順序呢？選擇結(jié)果數(shù)越多的選擇器，優(yōu)先級越低
• 下圖描述了選擇器優(yōu)先級的優(yōu)先順序

• 再分析其中兩個(gè)例子，綠色所指代表優(yōu)先級最高。

  
  
  image.png

下面是個(gè)小練習(xí)，看看你能不能理解
圖中答案已標(biāo)出，針對同一屬性用上面的規(guī)則，去判斷相應(yīng)的選擇器優(yōu)先級，就可以得到答案。

image.png

各個(gè)瀏覽器hack詳細(xì)介紹