让已经起作用的部分css失效，可通过下面两种方法
一、重写元素样式
<style type="text/css">/* 全局设置样式 */
a{color:#333text-decoration:none}/* 字体黑色，不带下划线 */
p{line-height:25pxcolor:#ccc}/* 行高25颜色灰 */
</style>
<div id="notice">
<a href="#">重写链接样式，颜色改为红，带下划线</a>
<p>重写此段落样式，颜色改为红，行高不变</p>
</div> <style type="text/css">
/* 将元素#notice重写样式 */
#notice a{color:redtext-decoration:underline}
#notice p{line-height:25pxcolor: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，其样式也就不存在了.
css样式失效解决办法如下所述：display:block一定要加上，否则，span不起作用。
如果要定义span居中，必须先让span成块级元素显示，也就是说，要先定义span的display:block属性，然后再给span添加边距属性margin:0px auto这样就能达到你想要的效果了。
