Question

我们的网站在以下几个地方使用这样的标记：

<header class="row">
  ::before
  <h1 class="entry-title">Privacy Policy</h1>
  ::after
</header>

::before和::after表示什么？如何使用它们？

Answer 1

你不应该在标记中看到它们。

您可以在各种浏览器开发人员工具的元素检查器中看到它们。

它们代表您可以使用CSS生成的the before and after pseudo-elements。

Answer 2

::before元素在给定元素之前插入html元素，就像::after元素在给定元素之后插入html元素一样。（如所述here，try-it-yourself）

例如：

<强>的index.html

<html>
    <head>
         <link rel="stylesheet" href="style.css" />
    </head>
    <body>
        <p>World</p>
    </body>
</html>

<强>的style.css

p::before {
    content: "Hello ";
}

p::after {
    content: "!";
}

这会在您的HTML网页上生成Hello World!。