淘宝(导航条css代码)

导航条的属性：

.skin-box-bd{background:red;}

所有分类属性：

.all-cats{background:#66CCFF;}（整个div属性）

.all-cats .link{background:#66CCFF;}（背景颜色）

.all-cats-hover .link{background:blue;}（鼠标滑过背景颜色）

.all-cats .title{font-size:14px;}(文字)

.all-cats-hover .title{color:#000;}（鼠标滑过文字颜色)

.all-cats .popup-icon{background:url(/imgextra/i2/16058 78107/T2QBH7XnpXXXXXXXXX_!!1605878107.png) no-repeat;}（所有分类右边的小图标）

所以分类二级子菜单：

.popup-content{width:195px;border:none;}（整个div属性）

.popup-content .cat-name{color:yellow;}（文字的颜色）

.popup-content .cat-hd-hover .cat-name{color:red;}（鼠标滑过文字颜色)

.popup-content .cats-tree .cat-hd{background:red;}（背景颜色）

.popup-content .cats-tree .cat-hd-hover{background:blue;}（鼠标滑过背景颜色）

所以分类三级子菜单：

.popup-content .cats-tree .snd-pop-inner{width:195px;border:none;background:#66 CCFF;}（整个div属性）

.popup-content .cats-tree .snd-pop-inner .cat-name{color:yellow;}（文字的颜色）

.popup-content .cats-tree .snd-cat-hd-hover .cat-name{color:red;}（鼠标滑过文字颜色)

.popup-content .cats-tree .snd-cat-hd{background:#fff;}（背景颜色）

.popup-content .cats-tree .snd-cat-hd-hover{background:#160595;}（鼠标滑过背景颜色）

.snd-pop-inner .fst-cat-bd .snd-cat-name{font-weight:100;}（所有宝贝下的文字设置）

首页、店铺动态其他导航：

.menu-list{background:blue;}（整个div属性）

.menu-list .title{color:yellow;}（文字的颜色）

.menu-list .menu-hover .title{color:blue;}（鼠标滑过文字颜色)

.menu-list .link{background:red;}（背景颜色）

.menu-list .menu-hover .link{background:blue;}（鼠标滑过背景颜色）

.skin-box-bd .menu-list .menu .link{border-right:1px solid #000000;}（导航分隔竖线）访问的颜色

.skin-box-bd .menu-list .menu-selected .link .title{background:#66CCFF;}

.skin-box-bd .menu-list .menu-selected .link{background:#66CCFF;}

首页、店铺动态其他导航二级子菜单：

.menu-popup-cats{background:blue;}（整个div属性）

.menu-popup-cats .sub-cat .cat-name{color:#000}（文字的颜色）

.menu-popup-cats .sub-cat-hover .cat-name{color:#66ccff}（鼠标滑过文字颜色)

.menu-popup-cats .sub-cat{background:blue;}（背景颜色）

.menu-popup-cats .sub-cat-hover{background:blue;}（鼠标滑过背景颜色）

.menu-list .menu .link .popup-icon{background:none;clear:both;}（右边小图标）

固定背景

body{background:url(/imgextra/i3/1605878107/T2yN7fX iBXXXXXXXXX_!!1605878107.png) no-repeat fixed 20px 300px;}