css中如何清除上级元素对下级元素的影响呢？
比如说给div定义了一个名叫head的class，然后在里面在写一个div，这个div就会受到上级元素的影响，如何清除这个影响呢？...
比如说给div定义了一个名叫head的class，然后在里面在写一个div，这个div就会受到上级元素的影响，如何清除这个影响呢？
展开
展开全部
具体你说的是什么影响呢，你所谓的影响应该是继承。子类会部分继承父类的样式设置，例如：font-family, font-size, font-style,text-align, text-indent等等。至于width则不是继承的，默认是100%，也就是说一直到他父层的宽度，包括ul也是这样的。如果想清除掉父类的影响，可以将受影响的样式重写或者直接去除掉，回答完毕，希望采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
很多属性子元素会默认继承父元素的属性，font-size，font-weight，color等，想要去除父元素对子元素的影响，可以对相应元素设置initial，如：font-size：initial；就可以清楚父元素的font-size对资源度的影响了。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给子元素重新定义css覆盖父元素的css属性
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
css中清除上级元素对下级元素的影响,首先需要理解，在一个上级元素中设置好了一些css样式，如width、height那么自然对于下级元素的width和height就做好了限制，也可以理解为继承过去了，想要清除影响，可以重新写这条css样式来清除，具体看代码：
<html>
<head>
<style>
#div{
width:300px;
height:200px;
}
#div2{
width:150px; //通过重写来清除父级元素css样式的影响
height:100px;
}
</style>
</head>
<body>
<div id='div1'>
<div id='div2'>
<p>我是测试文字</p>
</div>
</div>
</body>
</html>
<html>
<head>
<style>
#div{
width:300px;
height:200px;
}
#div2{
width:150px; //通过重写来清除父级元素css样式的影响
height:100px;
}
</style>
</head>
<body>
<div id='div1'>
<div id='div2'>
<p>我是测试文字</p>
</div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
你是说这个意思吗？
<head>
<style type="text/css">
<!--
.head{font-size:12px; color:#000;}
.head div{font-size:14px; color:#F00}
-->
</style>
</head>
<body>
<div class="head">
<span>这里是黑色的12号字</span>
<div>这里是红色的14号字</div>
</div>
</body>
<head>
<style type="text/css">
<!--
.head{font-size:12px; color:#000;}
.head div{font-size:14px; color:#F00}
-->
</style>
</head>
<body>
<div class="head">
<span>这里是黑色的12号字</span>
<div>这里是红色的14号字</div>
</div>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（5）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
