添加伪元素 ::before & ::after 到 html 标签

Question

我是使用伪元素的新手，我正在尝试实现一些东西但它不起作用，而且在 Internet 上也找不到它。

我想将 ::before 和 ::after 添加到 <header> 标签。但是怎么办？有可能吗？还是我对伪元素的理解完全错误？

Answer 1

您可能没有设置任何内容。

header::before, header::after {
  content: "";
  ...
}

<header>
  My header
</header>

当我添加它时，我得到这个：

Add pseudo element ::before & ::after to html tag