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

coding1688

<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