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

html-css014

CSS里导航下拉字体颜色和导航字体颜色一样,怎么修改不了?,第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.选择器没用对,或者少了一层

你说的应该是超链接的导航栏了。

超链接默认的状态是 :link,点击过是 :visited,所以,满足你要求的是这两个属性的颜色值要是一样的。例如。

<style>

a:link{color:#888}

a:visited{color:#888}

</style>

<body>

<a href="#">首页</a>| <a href="#">文章</a>

</body>

当然,如果你想让A在所有的状态下,颜色都一样的话,只需要用一个

a{}定义颜色不可以了。