在HTML中：：before在它自己的行中做什么？

这可能是个愚蠢的问题，但如果我有这样的问题：

<div id="topDiv">
  <header id="headerId" class="headerClass" style="display: block;">
    ::before
    <div>...</div>
    <div>...</div>
    <div>...</div>
  </header>
</div>

---

您将看到

：：before

，因为这就是浏览器的开发工具在文档树视图中表示CSS

：：before

伪元素的方式

---

如果您在HTML文件中有一个字符串“：：before”，它不会有什么特殊作用，因为它在HTML中没有任何意义；它将在页面上显示为文本“：：before”。

您将看到

：：before

，因为这就是浏览器的开发工具在文档树视图中表示CSS

：：before

伪元素的方式

---

如果您在HTML文件中有一个字符串“：：before”，它不会有什么特殊作用，因为它在HTML中没有任何意义；它只会在你的页面上显示为文本“：：before”。我想可能有两个原因（它通过个人经验和观察不是支持的有效参考）

1） 它根据这些伪选择器的含义提供了它们的可视化表示

：：在其应用到的div之前

：在其应用到的div之后

2） 伪选择器用于在

HTML

中插入一些

内容：'

。因此，这提供了一个独特的表示。用户可以通过这些伪代码轻松检查在

HTML

中插入的内容

是的，它在每个浏览器上显示如何实现和显示伪

---

祝你好运

我想可能有两个原因（个人经验和观察不是支持的有效参考）

1） 它根据这些伪选择器的含义提供了它们的可视化表示

：：在其应用到的div之前

：在其应用到的div之后

2） 伪选择器用于在

HTML

中插入一些

内容：'

。因此，这提供了一个独特的表示。用户可以通过这些伪代码轻松检查在

HTML

中插入的内容

是的，它在每个浏览器上显示如何实现和显示伪

---

祝你好运

这表示在html中有一个伪元素。因为它不是一个“真实”元素，所以不能像处理div和button这样的“真实”元素那样对它进行物理操作

您还可能会看到出现在位置中的

：：after

，表示您的

id=“headerId”

或

class=“headerClass”

的某个位置，其中有一个

：：before

元素已声明

---

它们不被声明为

或类似的任何东西的全部原因是因为它是“真实元素”的“幽灵”或“阴影”，因此只能在呈现html之前在css中进行样式化/操作。

它表明html中有一个伪元素。因为它不是一个“真实”元素，所以不能像处理div和button这样的“真实”元素那样对它进行物理操作

您还可能会看到出现在位置中的

：：after

，表示您的

id=“headerId”

或

class=“headerClass”

的某个位置，其中有一个

：：before

元素已声明

它们不被声明为

或类似的东西的全部原因是因为它是“真实元素”的“幽灵”或“阴影”，因此只能在呈现html之前在css中进行样式设置/操作

    p::before { 
      content: "Read this -";
      background-color: yellow;
      color: red;
      font-weight: bold;
   }