网页中加了class="pro_summary_wrap" 并根据class设置了样式 但是没有起作用？

Question

一段html
<div class="pro_summary_wrap"></div>
在style.css

.pro_summary_wrap{
......
......
}

加入了样式但是样式不起作用（通过chrome，firebug查看没有使用这个class）？？

通常这个问题是怎么引起了？？

Answer 1

1、考虑CSS未被引入到页面中或者未被刷新
2、考虑样式是否被覆盖
3、考虑样式是否有不合格的规则，导致CSS失效

Answer 2

既然没有查看到这个class起作用，说明你的style.css引入有问题的吧。

Answer 3

在div上审查元素看你的class是否应用上了，没有的话检查拼写和文件引用，如果应用上了就是因为优先级被覆盖了。

Answer 4

应该是优先级覆盖的问题

Answer 5

静态文件被缓存了吧。。。

Answer 6

查看css文件引入的地址
查看css文件编码

Answer 7

打开浏览器“开发者工具”（一般来说按F12）
按左上角的小放大镜，然后去点那个div
看开发者工具的右边栏，那里会显示所有作用（包括被覆盖的）到这个div上的样式

PS 你可以按右上角的小齿轮（设置），然后选择在开发者工具打开的时候不使用缓存，这样就不要一直忙着清缓存了

Answer 8

直接加上!important