当前位置:首页 > 开发 > Web前端 > 前端 > 正文

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

发表于: 2013-01-19   作者:coding1688   来源:转载   浏览:
摘要: 比如: <div class="hide html_css">some text</div>   其中: .html_css { display:inline-block; } .hide { display:none; }   结果发现,这个元素会显示,一想也有道理,hide在前html_

比如:

<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设置不一样,哪个会起作用?绝对出乎你的意料

  • 0

    开心

    开心

  • 0

    板砖

    板砖

  • 0

    感动

    感动

  • 0

    有用

    有用

  • 0

    疑问

    疑问

  • 0

    难过

    难过

  • 0

    无聊

    无聊

  • 0

    震惊

    震惊

版权所有 IT知识库 CopyRight © 2009-2015 IT知识库 IT610.com , All Rights Reserved. 京ICP备09083238号