Question

MDN说：样式表中指定的内容不会成为DOM的一部分。

以下是代码，

html:
A text where I need to <span class="ref">something</span>

css:
.ref::before {
  font-weight: bold;
  color: navy;
  content: "refer: ";
}

DOM检查器在DOM下显示内容：

我如何理解MDN文章中的上述陈述？

Answer 1

样式表中的内容是DOM的一部分吗？

没有

DOM检查器在DOM
下显示内容

不要过多地阅读。它是一个有用的调试工具。它不会使内容成为DOM的一部分。您无法使用DOM API解决此问题。

Answer 2

::before是伪元素 - 它在控制台中表示，是的，但是与DOM交互的任何其他内容都不会检测到它。例如，您无法使用javascript定位:before。不要将检查员与实际的DOM混淆。

CSS 不是一个文档对象，应该如何显示这样的对象。