Question

淘宝旺铺2012导航条css

装修时候css好好的，在预览时也没出问题啊，怎么一发布，颜色就变呢，求助

这是这个导航条的css

.skin-box-bd .menu-list .link{background:#aa0000;}
.all-cats .link{background:#aa0000;}
.skin-box-bd .menu-list{background:#aa0000;}
.skin-box-bd{background:#aa0000;}
.menu-list .menu{border-color:#aa0000;}
.all-cats .link{border-color:#aa0000;}
.menu-list .menu .title{color:#ffffff;}
.all-cats .link .title{color:#ffffff;}
.popup-content{background:#aa0000;}
.popup-content .cats-tree .snd-pop-inner{background:#aa0000;}
.popup-content .cat-name{color:#ffffff;}
.popup-content .cats-tree .snd-pop-inner .cat-name{color:#ffffff;}
.menu-list .menu-hover .link{background:#ffffff;}
.all-cats-hover .link{background:#ffffff;}
.popup-content .cats-tree .cat-hd-hover{background:#ffffff;}
.popup-content .cats-tree .snd-cat-hd-hover{background:#ffffff;}
.menu-popup-cats .sub-cat-hover{background:#ffffff;}
.menu-list .menu-hover .title{color:#aa0000;}
.all-cats-hover .link .title{color:#aa0000;}
.menu-popup-cats .sub-cat-hover .cat-name{color:#aa0000;}
.popup-content .cat-hd-hover .cat-name{color:#aa0000;}
.popup-content .cats-tree .snd-cat-hd-hover .cat-name{color:#aa0000;}
.skin-box-bd .menu-list .menu-selected .link .title{background:none;color:white;}
.skin-box-bd .menu-list .menu-selected .link{background:purple;}





Answer 1

css 肯定是没有问题的，可能是发布时候没编译，也可能是浏览器的兼容性问题。重新发布下试试看

Answer 2

字是紫色用color：purple啊！用背景background当然会整个底都是紫色了啊

追问

还是不行，改成color的话，会导致鼠标经过，这的颜色又变了

Answer 3

.skin-box-bd .menu-list .menu-selected .link{background:purple;} 你说的是purple这个颜色变了么？

追问

/* 24、激活项目的项目背景色（项目框），选紫色 */
.skin-box-bd .menu-list .menu-selected .link{background:purple;}
这个鼠标点击后的颜色，
如果这个改成红色#aa0000的话，容易颜色是好了，但是鼠标经过又不会变色了

追答

看你图片的意思， 你是想要鼠标经过父级栏目的时候， 背景变成紫色， 字体变成红色是吧？

如果是这样的话， 你检查下父级栏目的文字是否放在a标签里面，而鼠标移动事件写的不是a标签的样式。或者JS得到的不是a标签的样式。

要么就自己用IE9或者火狐的查看元素试下， 很好用的。

追问

是鼠标没经过背景红色，字白色，经过时，背景白色，字红色，点击为字，紫色，这是淘宝旺铺2012的导航条的css，用IE8和火狐也是一样的