css 清除继承的问题

来源：百度知道 编辑：UC知道 时间：2024/09/28 10:34:31
<style type="text/css">
div#content ul li {padding:0 0 2px 25px;background:url(bullet.gif) 10px 6px no-repeat; }
.test {}
.test ul li{background:none;padding:0;background:none;}
.test ul li a{border:1px #000 solid;}
</style>
<div id="content">
<!-----1111----->
<ul>
<li><a href="#">aaaaaaaaaaaaaaaaaaaaaaa</a></li>
<li><a href="#">aaaaaaaaaaaaaaaaaaaaaaa</a></li>
<li><a href="#">aaaaaaaaaaaaaaaaaaaaaaa</a></li>
<li><a href="#">aaaaaaaaaaaaaaaaaaaaaaa</a></li>
</ul>
<!-----1111----->
<!-----2222----->
<div class="test">
<ul>
<li><a href="#">aaaaaaaaaaaaaaaaaaaaaaa</a></li>
<li><a href="#">aaaaaaaaaaaaaaaaaaaaaaa</a

.test li{background:none;padding:0;}
.test ul li{background:你的背景设置;}
div#content ul li {padding:0 0 2px 25px;background:url(bullet.gif) 10px 6px no-repeat; }
.test {}
div#content .test ul li{background:none;padding:0;}
div#content .test ul li a{border:1px #000 solid;}
自己换着方法试试啥，你也可以一个定义一个CSS啥。

子元素在继承父级权限的同时也能更改替换父级样式

你这个如果要取消背景的话
有两个方法:
一是直接在DIV内部重新定义样式
如:
<div id="content" style="background:none;">
另一个就是直接在DIV中再加一个DIV,那样的话里面的DIV就能替换掉他上一级的样式了
如:
<div id="content">
<div id="new_Id">

这里是内容
.....
.....

</div>
</div>

div#content div.test ul li{background:none;}

你先设定了从父一级继承，

后面的test没有从父一级继承。

你可以这么写：
.test li{background:none;padding:0;}

.test ul li{background:你的背景设置;}

div#content ul li {padding:0 0 2px 25px;background:url(bullet.gif) 10px 6p