Question

怎么让某个区域的css失效

怎么让某个区域的css失效

Answer 1

让已经起作用的部分css失效，可通过下面两种方法

一、重写元素样式

<style type="text/css">
/* 全局设置样式 */
a{color:#333;text-decoration:none}/* 字体黑色，不带下划线 */
p{line-height:25px;color:#ccc}/* 行高25颜色灰 */
</style>
<div id="notice">
<a href="#">重写链接样式，颜色改为红，带下划线</a>
<p>重写此段落样式，颜色改为红，行高不变</p>
</div>

<style type="text/css">
/* 将元素#notice重写样式 */
#notice a{color:red;text-decoration:underline}
#notice p{line-height:25px;color:red}
</style>

二、通过更改元素名称，来达到让此区域css失效的目的
如果我们已经为#notice设置了如上的单独样式，可以通过更改元素#notice的名称来取消样式

<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script type="text/javascript">
$(function() {
    $("#notice").attr("id", "notice00");
});
</script>

这时，notice已不存在，已经被修改成了notice00，其样式也就不存在了.

Answer 2

你可以用类别选择器（class）或者ID选择器（id）单独设置你要的区域就 行了。如果多个地方要用到这个CSS样式的话，我建议你还是用class，然后设置他的样式。你要让某个区域CSS失效的话，不用class就行了。

也可以用clear，清楚前面的样式

Answer 3

你可以用类别选择器（class）或者ID选择器（id）单独设置你要的区域就 行了。如果多个地方要用到这个CSS样式的话，我建议你还是用class，然后设置他的样式。你要让某个区域CSS失效的话，不用class就行了。

Answer 4

去CSS样式表里边把它注释掉，或者在这个区域里边找到所有的CSS样式标签去掉。

Answer 5

只要将这一块的css用/**/注释掉即可