一、淘宝旺铺装修导航条左侧下拉菜单如何设置css代码
1、楼主您好，我调试过，你也试试。你懂CSS，我还是按照步骤一步一步来。以便不懂CSS也可以学习下。
2、第三步，将显示代码放进去，这个是我们团队的代码：
3、第四，依您的背景颜色和文本变粗，代码如下：
4、.all-cats.link{background:none repeat scroll 0 0#FF0000;}.skin-box-bd.all-cats.title{font-size:12px;font-weight:bold;color:#000000;}
5、特别说明一下：.all-cats.link{background:none repeat scroll 0 0#FF0000;}.这段代码是控制“所有分类”的背景，我设置的是红色，颜色代码为#FF0000；
6、skin-box-bd.all-cats.title{font-size:12px;font-weight:bold;color:#000000;}这段代码是控制字体顺序依次是“所有分类”文字的大小，是否加粗，文字的颜色。
7、第五，拓展一下所有分类类目下的子类目如何实现控制。
8、您可以在这里再进一步深入研究一下。
9、最后，给个建议，就是利用谷歌浏览器，鼠标点右键，有一项是“审查元素”，可以查看代码，慢慢调试。
二、网站导航条优化用什么标签
1、网站导航条一般是使用<ul>标签和<li>标签，在HTML5中新增<nav>标签，使用方法是在原来导航条最外侧增加<nav></nav>。<nav>标签是语义标签，对布局中的样式没有任何影响，只是告诉搜索引擎和浏览器引擎这是导航区域。相关代码如下：
2、<a href="index.asp">Home</a>
3、<a href="html5_meter.asp">Previous</a>
4、<a href="html5_noscript.asp">Next</a>
5、关于网站导航结构优化，可以参考以下几项：
6、导航栏，是网站最重要的入口之一。导航可以算是网站内容上的整体分类，所以做好分类就可以非常直接的给访客呈现出网站的整个结构。便于用户能够及时的找到自己所需要的内容，不容易迷失在网站中。而且搜索引擎在对网站进行索引爬取的时候层次的明确和直观也会让搜索引擎非常便捷的抓取到整个网站的信息。
7、根据GOOGLE和百度的站长优化指南，搜索引擎是无法识别图片和按钮代码，所以即便使用了这些也未必会给优化带来任何好处，虽然现在谷歌和百度都在增加图片识别技术，但是要到非常成熟的地步仍然需要时间，所以现在还是用锚文本做好分类的描述，导航关键词避免和首页的目标关键词冲突，而且导航关键词之间不要存在上下级关系。
8、为什么说突出重点利于优化，因为当网站首页的权重不断提高的时候，那么在导航所分得的权重也是相当高，通过前面提到的归纳分类，根据有限的导航空间大小，放入适当的导航文字，同样也可以选择关键词，这样可以通过权重的传导，提高关键词的权重值，所以要合理操作，不能浪费资源。
9、一般导航能照搬照抄，但一定要符合行业类型，导航目录分类如何操作：
10、首先要搞清楚清楚一个观念，用户群体和产品的用户需求到底是什么（是通过网站进行直接接单，从而产生收益。）通过需求来建立符合用户体验的网站。
三、淘宝导航条修改代码
1、你好，导航你看看下面的代码，我现在在用，没问题，把对应的文字改成你要设置的颜色，如果不显示颜色（透明色），就把颜色改成#transparent就可以了
2、.skin-box-bd{background:##导航背景色;}/*此代码由樱淘美工作室提供*/
3、.skin-box-bd.menu-list{background:##导航背景色;}
4、.skin-box-bd.menu-list.menu{background:##导航背景色;border:none;}
5、.skin-box-bd.menu-list.menu.link{background:##导航背景色;border:none;border-right:1px solid#transparent;}
6、.all-cats.link{background:##所有分类背景色;border:none;}
7、.all-cats.link:hover{background:##鼠标触控所有分类背景色;}
8、.all-cats.link.title{color:##所有分类文字色;border:none;}
9、.all-cats.link.title:hover{color:##鼠标触控所有分类文字色}
10、.skin-box-bd.menu-list.menu.link:hover{background:##鼠标触控导航背景色;}
11、.skin-box-bd.menu-list.menu.link.title{background:none;color:##导航文字色;font-weight:normal;}
12、.skin-box-bd.menu-list.menu-selected.link{background:##鼠标触控导航背景色;}
13、.skin-box-bd.menu-list.menu.link.title:hover{color:##鼠标移至导航文字色;}
14、.skin-box-bd.menu-list.menu-selected.link.title{color:##导航文字色;}
15、.popup-content{border:none;padding:0px;margin:0px;}
16、.popup-content.popup-inner{border:none;padding:0px;margin:0px;background:#2b913a;}
17、.popup-inner.cats-tree.fst-cat{background:#2b913a;border-top:solid 1px#2b913a;}
18、.popup-inner.cats-tree.fst-cat:hover{background:#5f0430;}
19、.popup-inner.cats-tree.fst-cat.cat-hd.fst-cat-name{color:#ffffff;}
20、.popup-inner.cats-tree.fst-cat.cat-hd.fst-cat-name:hover{color:#ffffff}
21、.popup-content.menu-popup-cats.sub-cat{background:#2b913a;}
22、.popup-content.menu-popup-cats.sub-cat.cat-name{color:#ffffff;background:#2b913a;}
23、.popup-content.menu-popup-cats.sub-cat.cat-name:hover{color:#ffffff;background:#5f0430;}
24、.snd-pop-inner{height:auto;padding:0px;margin:0px;}
25、.snd-pop-inner.fst-cat-bd{padding:0px;margin:0px;background-color:#f8fbc4;}
26、.snd-pop-inner.fst-cat-bd.snd-cat-hd{background-color:#f8fbc4;}
27、.snd-pop-inner.fst-cat-bd.snd-cat-name{color:#333333;}
28、.snd-pop-inner.fst-cat-bd.snd-cat-name:hover{color:#ffffff;background-color:#5f0430;}
文章到此结束，如果本次分享的导航条代码和网页导航条代码的问题解决了您的问题，那么我们由衷的感到高兴！
