CSS - 与显示相反 :none

Question

我正在尝试设置两个简单的 css 类来切换元素:

.hide{
  display:none;
}

.show{
  display:inherit;
}

它似乎有效但有时会显示:inherit; return troubles so 这与 display:none 正好相反； ？

Answer 1

这完全取决于您指定的元素。例如<div>和 <p>元素是 display:block;默认情况下，<span>是display:inline;默认情况下。

已接受的答案 here根据所使用的浏览器提供每个元素的默认值列表。

编辑

它appears那display: initial;将适用于大多数浏览器，although not IE. CSS 的回退行可能是最佳实践:

.show {
    display: block;
    display: initial;
}