关于淘宝店铺导航条，我去复制了CSS 然后装修时和预览颜色都没问题 可是发布后怎么就出现橙色了 附图 在线

html-css016

关于淘宝店铺导航条，我去复制了CSS 然后装修时和预览颜色都没问题 可是发布后怎么就出现橙色了 附图 在线,第1张

来，我来解决你的问题！针对“首页”两个字下面有颜色的或颜色出现问题，我们还有加两个代码

4.字外：

.skin-box-bd .menu-list .menu-selected .link{background:#000000}

5.字里：

.skin-box-bd .menu-list .menu-selected .link .title{background:#000000}

字外+字里=全部！

加在后面就好了

这里用到css 伪类:hover

举例:

导航class为.nav

.nav{

background:orange

}

.nav:hover{

background:purple

}

.menu ul li a,.menu ul li a:link,.menu ul li a:visited,.menu ul li a:active,.menu ul li a:hover {padding:3px 7px 3px 7pxline-height:26pxcolor:#ffftext-align:center}

.menu ul li a:hover,.menu ul li a.nonce{color:#fffbackground:url(../images/menu_libg.gif) repeat-xtext-decoration:none}

这两句有点问题，

a的定义要按照a:link,a:visited,a:hover,a:active 的顺序来定义，才不容易出错。

另外，你a就不要再另外定义了。

.layout_left ul a:hover img {width:120pxheight:150pxborder:2px #f60 solid}

应该是这句定义了图片的hover样式吧。

建议这样写，简单方便，不会出错。只是个例子，lz根据具体的去修改吧

.bb a.aa:link,.bb a.aa:visited{ border:2px solid #999}

.bb a.aa:hover,.bb a.aa:action{ border:2px solid #f60}