优先级太重要了，所以单独用不篇文章来讲解：
针对不同选择器选中同一元素并且设置同样的属性而言（如color）:
用下面两个示例分析可以更好理解！
- 灰色背景的例子：多条css中：无论有多少个元素选择器，类选择器（此例是.text）的优先级都是最高那都有类选择器如何确定优先级。
- 灰色背景下面一个示例：只用例子来说明，后面一个例子中，都有.title类，那么类数量多的（第二、三条）胜出。接着将相同数量的类消掉，再比较剩下的优先级，第二条还有一个元素选择器，第三条什么都没有了，所以此例中：第二条css的优先级最高。
独家技巧来了：
- 如何记住下面5类选择器优先级顺序呢？选择结果数越多的选择器，优先级越低
- 下图描述了选择器优先级的优先顺序
-
再分析其中两个例子，绿色所指代表优先级最高。
image.png
下面是个小练习，看看你能不能理解
图中答案已标出，针对同一属性用上面的规则，去判断相应的选择器优先级，就可以得到答案。
image.png
网友评论