我都不知道怎么叙述了
简单来说,如果你有这样的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
这一点如果不明白,在使用时会注意不到,引起很多不必要的耗时。