coding1688 发表于 2013-2-7 19:18:33

如果div的多个class中display设置不一样,哪个会起作用?绝对出乎你的意料

<div class="iteye-blog-content-contain" style="font-size: 14px;"><div class="post-body">比如:
<div class="hide html_css">some text</div> 
其中:
.html_css {    display:inline-block;}.hide {    display:none;} 
结果发现,这个元素会显示,一想也有道理,hide在前html_css在后,调换一下顺序应该就可以了
<div class="html_css hide">some text</div> 
发现还是会显示
在 Firefox/Chrome 中计算出的样式是 display:inline-block; 另外一个hide类的样式被删除了
各位,你碰到过吗?这怎么解释?
为了达到同样的效果,之后加上了 style="display:none;" 才使它真的不显示了。
 

[*]源文【如果div的多个class中display设置不一样,最后哪个会起作用?】最新版,请访问:
   http://www.vktone.com/articles/two_classes_display_conflict.html
 
 
 
页: [1]
查看完整版本: 如果div的多个class中display设置不一样,哪个会起作用?绝对出乎你的意料