<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.选择器没用对，或者少了一层
这里我们可以给选中的文字一个hover效果，hover就是当鼠标停留在目标上的时候触发的样式效果，当然还有其他的，比如点击的时候鼠标还没有松开，点击过后的状态，未点击的状态；这里就按照你问题的来说，停留在在目标元素的时候；
<a>放上来看看</a>
css:
a{color:#f00}
a:hover{color:#06f}
还有选中元素的时候：
<input type="text">
input{width:200pxheight:30pxborder:solid 1px #f00}
input:focus{border:solid 1px #06f}
你说的应该是超链接的导航栏了。超链接默认的状态是 :link，点击过是 :visited，所以，满足你要求的是这两个属性的颜色值要是一样的。例如。
<style>
a:link{color:#888}
a:visited{color:#888}
</style>
<body>
<a href="#">首页</a>| <a href="#">文章</a>
</body>
当然，如果你想让A在所有的状态下，颜色都一样的话，只需要用一个
a{}定义颜色不可以了。
