当先锋百科网

首页 1 2 3 4 5 6 7

CSS中的::after是一个伪元素,用于向元素的内容后面插入一些样式内容,例如额外的文本或者图标等。::after可以使用content属性定义插入的内容,并且可以使用其它CSS属性来定义该伪元素的样式。

.content::after {
content: " ";
display: block;
height: 10px;
width: 10px;
background-color: red;
}

在上面的代码中,我们使用了.content::after来选择插入伪元素的元素,使用content属性插入一个空格字符,使用display属性将伪元素显示为块元素,使用height和width属性定义伪元素的大小,以及使用background-color属性定义伪元素的背景色。

需要注意的是,::after默认是内联元素,如果需要将其显示为块元素,需要设置display属性为block或者inline-block。