Question

同一个CSS代码段里面，前面写了ul#nav{}样式，后面又写ul#nav,ul#nav ul{}重复写ul#nav{}样式到底听哪个的

代码：ul#nav{font-size:12px;color:red;}
ul#nav ul#nav ul{font-size:24px;color:blue;}
<ul id="nav">
这里应该是什么颜色？
<ul>这里应该是蓝色对吗？</ul>
</ul>
我就是不明白ul#nav{}和ul#nav,ul#nav ul{}这两个就重复写了ul#nav{}而且两次定的内容不一样，到底是听前面的显示红色，还是听后面的显示蓝色啊？我是看到别人代码里有这样写，不知道这样写是不是错的，请高手指点一下。

Answer 1

这里应该是什么颜色？是蓝色。按就近的原则。浏览器在解释时，会将前面的覆盖。

这里应该是蓝色对吗？是蓝色。

追问

那前面写的那些不等于没一点用吗？那他还要那么写哦？也就是说这样等于前面的是白写了对吧？

追答

有时是无意，或者后来根据需要添加的，前面的也没去掉，去掉也要一点时间的。本人理解。

Answer 2

ul#nav{font-size:12px;color:red;}
ul#nav ul#nav ul{font-size:24px;color:blue;}
这样写是错的，重复了，只需要用一个就可以了，因为只有一个 <ul id="nav">

Answer 3

下边的会自动替代上边的属性。如果下边只是上边的一部分css，则剩下的css还是按上边的那个样式