CSS内容属性是如何工作的？

有人能解释一下

content

属性在浏览器内部是如何工作的吗。它是否会在DOM中创建一个新节点，即使它没有显示在webInspector中。它会像真正的DOM节点一样对内存消耗产生同样的影响吗

此属性（内容）与：before和：after伪元素一起使用，以 在文档中生成内容生成的内容不会改变 文档树。特别是，它不会反馈到文档中 语言处理器（例如，用于重新分类）。

此外，根据：

使用content属性插入的对象将被匿名替换 元素。在CSS中，被替换的元素是 表示超出了CSS的范围。这些都是外部的 表示形式独立于CSS的对象。典型的 替换的元素是

、

、

或类似元素的表单

，

。有些元素，如

或

是 仅在特定情况下更换元件。使用 CSS内容属性是匿名替换的元素。CSS在某些情况下专门处理替换元素，比如在计算边距和一些自动值时。 请注意，某些替换的元素（但不是全部）具有内在的 维度或定义的基线，由某些CSS属性使用 像垂直对齐

我发现这个

生成的内容不会改变文档树。特别是 不会反馈给文档语言处理器（例如 重做）