Question

我正在考虑即将在CSS显示模块级别3中显示的属性。它们应该使Web开发更加容易。但是我不明白如何正确使用显示框。如果我使用代码=DATE(2018, 1, -2) - WEEKDAY(DATE(2018, 1, 3)) + 51 * 7 + 3 - 1隐藏了元素然后又想将其显示回来怎么办？设置值element.style.displayBox = 'none'似乎不是我想要的。也许只是设置空字符串content？

Answer 1

第3级CSS显示模块不会将样式属性更改为displayBox，它只是向display添加了更多选项，其中一个是contents

您可以详细了解here in the spec

在这里您可以看到有关浏览器支持的信息：

https://caniuse.com/#search=display-contents

演示

此演示的display属性设置为none，然后在1.5秒后将其设置为contents。

setTimeout(() => {
  const box = document.getElementById('box');
  box.style.display = 'contents';
}, 1500);

#box {
  display: none;
}

<div id="box">
  <p>I appear after 1.5 seconds</p>
</div>

CSS显示模块level3中显示框的默认值是什么？

1 个答案:

演示