CSS 选择器的优先级：
1） important
2） 内联样式
3） id 选择器
4） 类、伪类、属性选择器
5） 元素选择器
6） 通配符选择器
同时： 空格 和 > 优先级一致，即 div>span 和 div span 优先级一致
注意： 一下代码字体颜色为 蓝色，因为同样的 id选择器，后面的样式会覆盖之前的
<div id="box">
<div id="middle">
<span>字体颜色</span>
</div>
</div>
<style>
#middle span{
color:red;
}
#box span{
color:blue;
}
</style>
原文：https://www.cnblogs.com/lk-food/p/12364623.html