part2: CSS选择器优先级【独家技巧】

优先级太重要了，所以单独用不篇文章来讲解：

针对不同选择器选中同一元素并且设置同样的属性而言（如color）:

用下面两个示例分析可以更好理解！

1. 灰色背景的例子：多条css中：无论有多少个元素选择器，类选择器（此例是.text）的优先级都是最高那都有类选择器如何确定优先级。
2. 灰色背景下面一个示例：只用例子来说明，后面一个例子中，都有.title类，那么类数量多的（第二、三条）胜出。接着将相同数量的类消掉，再比较剩下的优先级，第二条还有一个元素选择器，第三条什么都没有了，所以此例中：第二条css的优先级最高。

独家技巧来了：

• 如何记住下面5类选择器优先级顺序呢？选择结果数越多的选择器，优先级越低
• 下图描述了选择器优先级的优先顺序

• 再分析其中两个例子，绿色所指代表优先级最高。

  
  image.png

下面是个小练习，看看你能不能理解
图中答案已标出，针对同一属性用上面的规则，去判断相应的选择器优先级，就可以得到答案。

image.png

各个浏览器hack详细介绍