什么是“文档树内容”？

Question

我回答了关于CSS伪造元素的recent question，其中引用了document tree，或者更具体地说，文档树内容。

  

http://www.w3.org/TR/CSS2/generate.html#before-after-content
  ... :before和:after伪元素指定元素文档树内容之前和之后的内容位置。

W3C的解释非常简短：

  

文档树
  源文档中编码的元素树。此树中的每个元素只有一个父元素，但根元素除外，它没有。

虽然我一直在寻找更明确的参考，但这找不到任何有用的东西。有人可以帮助解释文档树内容的确切内容，以及如何判断HTML元素是否包含它？

Answer 1

我认为它指的是HTML的层次性（具有父母，兄弟姐妹，孩子，祖先，后代等的元素），以及参考元素的子元素的内容。

Answer 2

我认为“文档树内容”的含义是根据给定元素生成的文档树的结构或内容，本质上是元素的后代。

Answer 3

附件是来自OP的完整引用。

您可以看到源指的是文档生成的非代码部分。这是因为开发人员经常将文档分为“代码”和“内容”。

  

作者用。指定生成内容的样式和位置   ：before和：after伪元素。正如他们的名字所示，   ：before和：after伪元素指定内容的位置   元素的文档树内容之前和之后。内容'   property与这些伪元素一起指定了什么   插入

     

例如，以下规则在之前插入字符串“Note：”   “class”属性具有值的每个P元素的内容   “注意”：

     

p.note：在{content：“注意：”}

之前