html元素后设置伪元素

HTML 页面中的元素可以通过伪元素来改变它们的样式。伪元素是一个看似存在于元素内部的虚拟元素，可以用于添加特殊效果或样式。在 CSS 中，伪元素使用双冒号（::）来表示。下面是一个使用 CSS 伪元素来添加样式的例子：

p::before {
  content: "1. ";
  font-weight: bold;
}

p::after {
  content: " (结尾)";
  font-style: italic;
}

这个例子中，我们在 `p` 元素前后分别添加了特殊的伪元素 `::before` 和 `::after`。我们使用 content 属性来添加内容（可以是文本、图像、图标等），并使用其他 CSS 属性来定义伪元素的样式。例如，我们使用 font-weight 属性让 `::before` 的文本加粗，使用 font-style 属性让 `::after` 的文本倾斜。

需要注意的是，只有部分 HTML 元素可以使用伪元素。常见的支持伪元素的元素包括 p、h1~h6、a、button 等。此外，伪元素一般需要使用元素选择器（如 p、h1、a 等）来指定要添加伪元素的元素，而不能使用类选择器或 ID 选择器。