各位大侠,以下虽然定义了两个样式,但样式二却包含了样式一了,也就是样式二的那个除了执行样式二之外,还同时执行了样式一,我想让他们两个独立,不相互包容,怎么改呢? 样式一图 样式二图 样式一:不修改这里 <br> ul{list-style-type:none;} <br> ul li{float:left;display:inline;margin-right:5px;width:auto;overflow:hidden;} <br> ul li a{display:block;border:1px solid #CCCCCC;padding:5px 6px 5px 6px;margin:1px;} <br> ul li a:hover{border:2px solid #FF6701;margin:0px;} <br> .select{} <br> .select a{border:2px solid #FF6701;margin:0px;background:url(images/2010083011191628.gif) no-repeat no-repeat right bottom;} <br> 红色 --------------------------------------------------------------------------------------------- 样式二:这里跟上面重复样式,如何修改 <br> ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,input,li{ padding:0; margin:0;} <br> ul,li{list-style-type:none;} <br> img { border:0;} <br> <br> .clear{clear:both;line-height:1px;} <br> <br> #con { margin:20px auto;} <br> #tags {width: 750px; height: 27px;position:relative;bottom:-3px;} <br> /* 切换风格start*/ <br> #tags LI {background: url(../images/tab/tab_bg_left_02.gif) no-repeat left bottom; float: left; margin-right: 1px; margin-right: 6px;list-style:none; height: 24px} <br> #tags LI A {padding:0 20px 0 20px;background: url(../images/tab/tab_right_02.gif) no-repeat right bottom; float: left;color: #000; <br> line-height: 24px;height: 24px; text-decoration: none;} <br> /* 切换风格end*/ <br> #tags LI.emptyTag {background: none transparent scroll repeat 0% 0%; width: 4px;} <br> #tags LI.selectTag {background-position: left top; margin-bottom: -2px; position: relative;top:-2px; height: 27px;} <br> #tags LI.selectTag A {padding:0 20px 0 20px;background-position: right top; font-size:14px;color: #fff;font-weight:bold; line-height: 25px; height: 27px;} <br> #tags LI A p{position:relative;top:2px;} <br> #tagContent {border-top: #fa4e86 2px solid;}/*粉色02*/ <br> .tagContent { display: none;} <br> #tagContent DIV.selectTag {display: block;} <br> 商品介绍 评价详情 成交记录 1 2 3 ディスカッションに返信 (解決策) クリック後の効果ですか、js はどこですか?投稿してください <br> function selectTag(showContent,selfObj){ <br> var tag = document.getElementById("tags").getElementsByTagName("li"); <br> var taglength = tag.length; <br> for(i=0; i<taglength i></taglength> tag[i].className = ""; <br> } <br> selfObj.parentNode.className = "selectTag"; <br> for(i=0; j=document.getElementById("tagContent"+i); i++){ <br> j.style.display = "none"; <br> } <br> document.getElementById(showContent).style.display = "ブロック"; <br> } <br> <br> ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,input,li{ padding:0; margin:0;} <br> ul,li{list-style-type:none;} <br> img { border:0;} <br> .clear{clear:both;line-height:1px;} <br> #con { margin:20px auto ;} <br> #tags {width: 750px; height: 27px;position:relative;bottom:-3px;} <br> /* 切换风格start*/ <br> #tags LI {background: url(http://www.heredc.com/js/tab/tab_bg_left_02.gif) no -左下を繰り返します。 フロート: 左; マージン右: 1px; margin-right: 6px;list-style:none; 高さ: 24px} <br> #tags LI A {padding:0 20px 0 20px;background: url(http://www.heredc.com/js/tab/tab_right_02.gif) no-repeat right bottom; フロート: 左;カラー: #000; <br> line-height: 24px;height: 24px; text-decoration: none;} <br> /* 切换风格end*/ <br> #tags LI.emptyTag {background: none transparent scroll repeat 0% 0%; width: 4px;} <br> #tags LI.selectTag {background-position: left top; margin-bottom: -2px; 位置: 相対;上:-2px; height: 27px;} <br> #tags LI.selectTag A {padding:0 20px 0 20px;background-position: right top; font-size:14px;color: #fff;font-weight:bold; 行の高さ: 25px; height: 27px;} <br> #tags LI A p{position:relative;top:2px;} <br> #tagContent {border-top: #fa4e86 2px solid;}/*粉色02*/ <br> .tagContent { display: none;} <br> #tagContent DIV.selectTag {display: block;} <br> <br> window.onload=function(){ <br> var size = new Select("size",{ <br> Radio :true , <br> OnClick:function(selected){ <br> document.form.size.value = selected.join("," ) <br> document.form.color.value='' <br> } <br> }); <br> } <br> <br> ul{list-style-type:none;} <br> ul li{float:left;display:inline;margin-right:5px;width:auto;overflow:hidden;} <br> ul li a{display:block;border: 1px solid #CCCCCC;padding:5px 6px 5px 6px;margin:1px;} <br> ul li a:hover{border:2px solid #FF6701;margin:0px;} <br> .select{} <br> .select a{border:2px solid #FF6701;margin:0px;background:url(http://www.heredc.com/js/2010083011191628.gif) no-repeat no-repeat right bottom;} <br> <br> $(function() { <br> $('#tabs').tabs(); <br> }); <br> S X XL 商品介绍 评价详情(0)成交记录(50) 001 002 003