1. 程式人生 > >如果div的多個class中display設定不一樣,哪個會起作用?絕對出乎你的意料

如果div的多個class中display設定不一樣,哪個會起作用?絕對出乎你的意料

比如:

<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;" 才使它真的不顯示了。