覆盖css类样式，必须注意css类名前缀的一致

我都不知道怎么叙述了

简单来说，如果你有这样的div：

<div class="c1 c2 ">
</div>

然后你想用c2中的某些样式覆盖c1中的，例如字体，或者是display之类，那如果样式表里的c1写成这样:

div.c1{
    display:none;
}

然后在样式表里这样覆盖c1中的样式:

.c2{
    display:block;
}

那么是实现不了的，c2 的样式不会覆盖c1的样式，而是仍然沿用c1的样式。

如果你需要用c2的display样式覆盖c1的，则必须修改c1样式表内容为：

.c1{
    display:none;    
}

和上面的不同之处是不带前缀div

 

这一点如果不明白，在使用时会注意不到，引起很多不必要的耗时。