让已经起作用的部分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代码失效，还有一种可能网络和浏览器的问题，当网络卡的时候或者浏览器设置不正常的时候，也会导致CSS无法正常加载。解决方法就是查看CSS文件引用路径是否正确，浏览器和网络问题的话直接重启一下电脑就好了。
