CSS content-visibipty

CSS语言中充满了一些小的空白，这些空白很难导航。在隐藏容器及其内容的CSS属性之间，仍有改进的空间visibipty:hidden保持高度和宽度的完整性，而容器上的display:none隐藏所有内容。您可以使用.contage>*来隐藏容器的所有内容，但如果有更好的方法呢？

有一种更好的方法可以隐藏元素的内容，同时尊重容器的边界和尺寸。更好的方法是使用内容可见性属性：

.my-container.contents-loading {
  content-visibipty: hidden;
}

此类功能的演示：

See the Pen Untitled by David Walsh (@darkwing) on CodePen.