CSS - 与display相反:none

Question

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

.hide{
  display:none;
}

.show{
  display:inherit;
}

它似乎工作,但有时显示:继承; 返回麻烦,这与display:none完全相反; ？

Answer 1

这一切都取决于您指定的元素.例如<div>和<p>元件是display:block;默认的,而<span>是display:inline;由缺省值.

此处接受的答案根据正在使用的浏览器提供每个元素的默认列表.

编辑

这似乎是display: initial;在大多数浏览器中运行,虽然不是IE浏览器.CSS的后备线可能是最佳实践:

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