css - CSS可以让元素完全消失（包括源代码）？

Question

我了解以下任一样式都会使网页上的元素不可见...

<h2 style="display: none;">A</h2>
<h2 style="visibility: hidden;">B</h2>

这显然在 HTML5 中做同样的事情......

<div hidden>C</div>

但是这三个仍然可以在源代码中看到。有没有办法让一个元素完全消失，所以你甚至在源代码中都看不到它？

我想到了几种用途，但其中一种涉及移动设备设计。我想创建一个侧边栏，它将在非常窄的屏幕中消失，页面底部显示相同的信息（尽管底部信息反过来在更宽的屏幕中不可见）。

谢谢。

Answer 1

我认为您只能使用 javascript 从 DOM 树中删除元素。喜欢：

$('.hidden').remove();