店铺装修pc端导航条的显示设置css代码

代码解释

/* 导航背景色*/

.skin-box-bd{background:#000000;}

===============================

/* 导航（首页、手动添加分类）背景色*/

.menu-list .link{background:#000000;}

/* 导航（首页、手动添加分类）字体色*/

.menu-list .menu .title{color:#ffffff;font-size:14px;}

===============================

/* 导航（所有分类）背景色*/

.all-cats .link{background:#000000;}

/* 导航（所有分类）字体色*/

.all-cats .link .title{color:#ffffff;font-size:15px;}

=================================

/*剩余导航分类背景色*/

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

=================================

/*字外*/

.skin-box-bd .menu-list .menu-selected .link{background:#000000;}（无效）

/*字里*/

.skin-box-bd .menu-list .menu-selected .link .title{background:#000000;}（无效）

=================================

/*二级分类文字代码如下：*/

.popup-content .cats-tree .fst-cat .cat-name{font-size:字号px;color:#颜色代码;font-weight:bold/bolder/normal;}

/*二级分类背景代码如下：*/

.popup-content{background:#000000;}

==================================

/*三级分类文字代码（除去“所有宝贝”分类）*/

.popup-content.cats-tree.snd-pop-inner{font-size:12px;color:#ffffff;font-weight: normal;}

/*三级分类文字代码（包括“所有宝贝”分类字体大小）这样就无法改变字体颜色，我们会继续完善该代码！*/

.popup-content.cats-tree .snd-pop-inner{font-size12px;color:#ffffff;}

/*三级分类背景代码：*/

.popup-content .cats-tree .snd-pop-inner{background:#000000;}

===================================

/*分割线*/

.menu-list .menu{border-color:#000000;}//首页、手动添加分类

.all-cats .link{border-color:#000000;}//所有宝贝

.all-cats .link{border-color:#000000;}

.all-cats .link{border-right:1px #006205 solid;}

====================================

鼠标滑过一级分类导航文字变换背景色代码如下：

.menu-list .menu-hover .link{background:#f8c015;}

鼠标滑过一级分类导航文字变换颜色代码如下：

.menu-list .menu-hover .link .title{color:#FFFFFF;}

=====================================

鼠标滑过二级分类导航文字变换背景色代码如下：

popup-content .cats-tree .cat-hd-hover{background:#f8c015;}

鼠标滑过二级分类导航文字变换颜色代码如下：

.skin-box-bd .popup-content .cats-tree .cat-hd-hover .cat-name{color:#ff0000;}

-------------------------------------------------------------

复制代码

.skin-box-bd .menu-list{background:#000000;}.skin-box-bd{background:#000000;}.skin-box-bd .menu-list .menu-selected .link{background:#000000;}.skin-box-bd .menu-list .menu-selected .link .title{background:#000000;}.menu-list .link{background:#000000;}.menu-list .menu .title{color:#FFFFFF;font-size:14px;}.all-cats .link{background:#000000;}.all-cats .link .title{color:#FFFFFF;font-size:16px;}.popup-content .cats-tree .fst-cat .cat-name{font-size:13px;color:#FFFFFF;font-weight:normal;}.popup-content{background:#000000;}.popup-content.cats-tree.snd-pop-inner{font-size:12px;color:#FFFFFF;}.popup-content .cats-tree .snd-pop-inner{background:#000000;}.menu-list .menu-hover .link{background:#F8C015;}.popup-content .cats-tree .cat-hd-hover{background:#F8C015;}.popup-content .cats-tree .snd-cat-hd-hover{background:#F8C015;}.menu-list .menu{border-color:#000000;}

打开千牛-点击店铺-店铺pc装修-点击装修页面-编辑导航条

最有边点击编辑按钮