各位大侠，以下虽然定义了两个样式，但样式二却包含了样式一了，也就是样式二的那个除了执行样式二之外，还同时执行了样式一，我想让他们两个独立，不相互包容，怎么改呢？ 样式一图 样式二图 样式一：不修改这里 ul{list-style-type:none;} ul li{float:left;display:inline;margin-right:5px;width:auto;overflow:hidden;} ul li a{display:block;border:1px solid #CCCCCC;padding:5px 6px 5px 6px;margin:1px;} ul li a:hover{border:2px solid #FF6701;margin:0px;} .select{} .select a{border:2px solid #FF6701;margin:0px;background:url(images/2010083011191628.gif) no-repeat no-repeat right bottom;} 红色 --------------------------------------------------------------------------------------------- 样式二：这里跟上面重复样式，如何修改 ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p,input,li{ padding:0; margin:0;} ul,li{list-style-type:none;} img { border:0;} .clear{clear:both;line-height:1px;} #con { margin:20px auto;} #tags {width: 750px; height: 27px;position:relative;bottom:-3px;} /* 切换风格start*/ #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} #tags LI A {padding:0 20px 0 20px;background: url(../images/tab/tab_right_02.gif) no-repeat right bottom; float: left;color: #000; line-height: 24px;height: 24px; text-decoration: none;} /* 切换风格end*/ #tags LI.emptyTag {background: none transparent scroll repeat 0% 0%; width: 4px;} #tags LI.selectTag {background-position: left top; margin-bottom: -2px; position: relative;top:-2px; height: 27px;} #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;} #tags LI A p{position:relative;top:2px;} #tagContent {border-top: #fa4e86 2px solid;}/*粉色02*/ .tagContent { display: none;} #tagContent DIV.selectTag {display: block;} 商品介绍 评价详情 成交记录 1 2 3 ディスカッション (解決策) に返信 リンクを貼っていただくとより直感的です http://www.heredc.com/js/a.htm お一人の場合は、独立したIDを使用するか、クラスでスタイルを設定します 単独の場合は、独立したIDまたはクラスを使用してスタイルを設定します これは私も知っていますが、問題はそれを変更する方法ですか？
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
