CSS 选择器优先级

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>