淘宝怎么修改CSS代码

html-css054

淘宝怎么修改CSS代码,第1张

首先,在HTML里给导航条加一个class类似:

<div class="daohang" ></div>

然后,在这个CSS区域这样写:

.daohang{ background:#A10000}

这句话的意思就是,这个class名为"daohang"的节点,背景色的颜色是#A10000

.skin-box-bd,.skin-box-bd .popup-container,.skin-box-bd .menu-list{border:none background:#000000 height:30px line-height:30px}

.skin-box-bd .popup-container .popup-icon{display:none}/*data-title="本代码由42zy.com自动生成"> */

.skin-box-bd .menu-list{height:30px line-height:30px}

.skin-box-bd .menu-list .menu,.skin-box-bd .menu-list .menu .link,.skin-box-bd .menu-list .menu .link .title{background:#000000 border:none color:#FFFFFF font-family:arial height:30px line-height:30px}

.skin-box-bd .menu-list .menu-hover,.skin-box-bd .menu-list .menu-hover .link,.skin-box-bd .menu-list .menu-hover .link .title{background:#FFFFFF color:#000000}/*data-title="本代码由42zy.com自动生成"> */

.skin-box-bd .all-cats-trigger,.skin-box-bd .all-cats-trigger .link,.skin-box-bd .all-cats-trigger .link .title{width:px height:30px line-height:30px background:# color:# border:none font-family:arial}

.skin-box-bd .all-cats-hover,.skin-box-bd .all-cats-hover .link,.skin-box-bd .all-cats-hover .link .title{background:# color:#}/*data-title="本代码由42zy.com自动生成"> */

.skin-box-bd .popup-content{width:px border:none background:#}

.skin-box-bd .popup-content .cat-icon{display:none}/*data-title="本代码由42zy.com自动生成"> */

.skin-box-bd .popup-content .cats-tree .fst-cat,.skin-box-bd .popup-content .cats-tree .fst-cat .fst-cat-name,.skin-box-bd .popup-content .menu-popup-cats .sub-cat,.skin-box-bd .popup-content .menu-popup-cats .sub-cat .cat-name{border:none height:px line-height:px color:# width:px overflow:hidden font-family:arial}

.skin-box-bd .popup-content .cats-tree cat-hd-hover,.skin-box-bd .popup-content .cats-tree .cat-hd-hover .fst-cat-name,.skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover,.skin-box-bd .popup-content .menu-popup-cats .sub-cat-hover .cat-name{background:# color:#}/*data-title="本代码由42zy.com自动生成"> */

.skin-box-bd .popup-content .cats-tree .snd-pop .snd-pop-inner,.skin-box-bd .popup-content .cats-tree .snd-pop .snd-pop-inner .fst-cat-bd,.skin-box-bd .popup-content .cats-tree .snd-pop .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd .snd-cat-name{background:# width:px height:auto color:# font-family:arial}

.skin-box-bd .popup-content .cats-tree .snd-pop .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd-hover,.skin-box-bd .popup-content .cats-tree .snd-pop .snd-pop-inner .fst-cat-bd .snd-cat .snd-cat-hd-hover .snd-cat-name{background:# color:#}

.skin-box-bd .menu-list .menu-selected .link,.skin-box-bd .menu-list .menu-selected .link .title{background:#000000 cursor:pointer color:#FFFFFF border:none}

参考这个工具http://www.42zy.com/zx/9.html

.skin-box-bd{background:#FFFFFF}.skin-box-bd .menu-list{background:#FFFFFF}.skin-box-bd .menu-list .menu{background:#1D96D4border:none}.skin-box-bd .menu-list .menu .link{background:#FFFFFFborder:noneborder-right:1px solid #FFFFFF}.all-cats .link{background:#FFFFFFborder:none}.all-cats .link:hover{background:#FFFFFF}.all-cats .link .title{color:#000000border:none}.all-cats .link .title:hover{color:#000000}.skin-box-bd .menu-list .menu .link:hover{background:#FFFFFF}.skin-box-bd .menu-list .menu .link .title{background:nonecolor:#000000font-weight:bold}.skin-box-bd .menu-list .menu .link .title:hover{color:#000000}.popup-content{border:nonepadding:0pxmargin:0px}.popup-content .popup-inner{border:nonepadding:0pxmargin:0pxbackground:#FFFFFF}.popup-inner .cats-tree .fst-cat{background:#FFFFFF}.popup-inner .cats-tree .fst-cat:hover{background:#EEEEEE}.popup-inner .cats-tree .fst-cat .cat-hd .fst-cat-name{color:#000000}.popup-inner .cats-tree .fst-cat .cat-hd .fst-cat-name:hover{color:#333333}.popup-content .menu-popup-cats .sub-cat{background:#CCCCCC}.popup-content .menu-popup-cats .sub-cat .cat-name{color:#FFFFFFbackground:#CCCCCC}.popup-content .menu-popup-cats .sub-cat .cat-name:hover{color:#333333background:#EEEEEE}.snd-pop-inner{height:autopadding:0pxmargin:0px}.snd-pop-inner .fst-cat-bd{padding:0pxmargin:0pxbackground-color:#EEEEEE}.snd-pop-inner .fst-cat-bd .snd-cat-hd{background-color:#EEEEEE}.snd-pop-inner .fst-cat-bd .snd-cat-name{color:#555555}.snd-pop-inner .fst-cat-bd .snd-cat-name:hover{color:#EEEEEEbackground-color:#555555}