选择器写错
语法错误
选择器路径有误
出现很多这种状况，怕路径出错，就复制路径，一不小心就复制多了一个选择器，所以出现css不生效的原因。复制的问题小心，切记。
1、首先打开前端开发工具，新建一个HTML代码页面，如下图所示。
2、在html代码页面上创建一个父<div>和一个子<div>，同时给这两个div添加一个class分别为scroll-box、scroll。
3、给子<div>添加内容，为了让滚动条可以实现，尽量多添加一些内容。
4、设置scroll-box、scroll类样式。给scroll-box设置一个高度和内容超出后隐藏的样式，给scroll设置内容超出后显示滚动条、高度为100%、宽=100%+滚动条的宽
5、最后保存html代码，然后使用浏览器打开，这个时候会发现滚动条已经不显示出来，但是页面内容依然可以滚动。
让已经起作用的部分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，其样式也就不存在了.
