想修改导航的css请问在哪里修改

html-css082

想修改导航的css请问在哪里修改,第1张

自从html延伸到html5之后，普遍网站中的导航标签便变成了“nav”，你可以看一下html页面中的nav标签在哪里，找到后，看class标签的属性值是什么，之后利用class属性值在css中条件查找，就能找到了。

你的意思是要让鼠标在哪个链接上哪个链接就显示不同的背景是吗？

如果是的话你的代码没错，但可能是因为你的.guide的height值太小了，把链接的部分内容截掉了，把它改成auto看看，以下是我的测试代码，你可以试一下。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot>

<html xmlns="http://www.w3.org/1999/xhtml&quot>

<head>

<meta http-equiv="Content-Type" content="text/html charset=utf-8" />

<title>无标题文档</title>

<style type="text/css" media="all">

#top .guide {float:leftwidth:760pxfont-weight:boldheight:autoline-height:30pxborder-top:1px #84C7E9 solidborder-bottom:1px #84C7E9 solidbackground:#DEF3FEoverflow:hidden}

#top .guide ul li {float:leftwidth:50pxheight:30pxline-height:30px}

#top .guide ul li a {display:blockwidth:100%}

#top .guide ul li a:hover {color:blacktext-decoration:nonebackground:#57b6ec}

</style>

</head>

<body>

<div id="top">

<div class="guide">

<ul>

<li><a href="#">click</a></li>

<li><a href="#">click</a></li>

<li><a href="#">click</a></li>

</ul>

</div>

</div>

</body>

</html>

百度HI上一下线吧。

一般情况下，导航里面的子菜单都是，主菜单的标签里面，布局一般如下：

<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.选择器没用对，或者少了一层