使用 CSS 控制伪类元素如 ::before 和 ::after 可以通过设置伪元素的样式来实现。以下是一些常见的方法：
伪元素的 content 属性可以用来设置元素的内容。例如：
p::before {
content: "前缀文字";
}
p::after {
content: "后缀文字";
}上述代码将会在每个 p 元素的前面添加一个带有文本 "前缀文字" 的伪元素，并在每个 p 元素的后面添加一个带有文本 "后缀文字" 的伪元素。
伪元素也可以像普通元素一样使用样式属性。例如：
p::before {
content: "";
display: block;
width: 50px;
height: 50px;
background-color: red;
}上述代码将会在每个 p 元素的前面添加一个带有红色背景的 50x50 像素的方块。
伪元素也可以像普通元素一样使用选择器。例如：
p::before {
content: "";
display: block;
width: 50px;
height: 50px;
background-color: red;
}
p:hover::before {
background-color: blue;
}上述代码将会在每个 p 元素的前面添加一个带有红色背景的 50x50 像素的方块，并在鼠标悬停在 p 元素上时将其背景颜色更改为蓝色。
需要注意的是，伪元素的内容、样式属性和选择器都需要在双冒号 (::) 后面添加。
使用 CSS 控制伪类元素可以通过设置伪元素的样式来实现，常见的方法有使用 content 属性、样式属性和选择器。需要注意的是，伪元素的内容、样式属性和选择器都需要在双冒号 (::) 后面添加。