Question

CSS里导航下拉字体颜色和导航字体颜色一样，怎么修改不了？

Answer 1

一般情况下，导航里面的子菜单都是，主菜单的标签里面，布局一般如下：
<ul class="nav">
<li>菜单<div class="subNav">
.....
</div></li>
<li>菜单</li>
<li>菜单</li>
<li>菜单</li>
<li>菜单</li>
</ul>
像这样的布局,以上面的布局为例，如果里面的subNav没有设置color，那么将默认继承外层的nav,那么如果要修改里面子菜单的颜色，可以直接.subNav{color:#xxx;}

如果觉得优先级不够可以：.nav .subNav{color:#xxx;}

如果修改不了，那么有几种情况：
1.代码写错了，

2.编写不规范，比如上面少了‘；’分号，则之后的所有样式全部无效；

3.优先级不够，因此被其他的样式覆盖了

4.选择器没用对，或者少了一层

Answer 2

这个问题就涉及到CSS样式的优先权问题

解决方案：

如果导航与下拉都用的是无需列表：

.big指的是最外层标签的class类名称，.small指的是里层标签的class类名称

ul.big  li  ul.small li  a{ color:自定义；}

如果导航与下拉都用的是div与a：

div.big  ul.small a{color:自定义；}

这样就解决了这个问题！希望对你有帮助！

Answer 3

在下拉菜单里面加上这个 color: inherit