`:before` 是一个 CSS 选择器伪类，用于在选定元素的内容之前插入内容或样式。它的用途主要存在于网页设计和开发中。 当你使用 `:before` 伪类时，你可以在一个元素的内容前面插入新的内容或应用特定的样式。这常常与 `content` 属性一同使用，特别是在需要为页面添加装饰性的内容或者引导性的提示时使用。 例如，如果你希望每个 `

` 标签的内容之前都有一个装饰性的引号，你可以这样写 CSS： ```css p:before { content: "“"; } ``` 这样，每个 `

` 的内容之前都会显示一个引号。 除了用于插入内容，`:before` 伪类还可以用于应用样式。例如，如果你想在 `

` 标签的内容之前添加一个特定的背景色和字体样式，你可以这样写： ```css h1:before { background-color: #ffcc99; color: #333; padding-right: 5px; content: "重要："; /* 这里是实际插入的内容或描述 */ } ``` 通过这种方式，你可以在不修改 HTML 结构的情况下，为网页增加更多的视觉效果和交互性。