CSS :after选择器,实例在线

:after选择器

CSS中的:after选择器可以在被匹配的HTML元素后面插入内容,内容包含在content属性之中,其语法如下:

element:after{content:value;}

提示:CSS还可以在content属性后面添加其它的属性,用来设置通过:after选择器插入的内容的层叠样式。

提示:content属性的值value一般为文本。


:after选择器实例代码,及在线编辑器

<p id="p1">该段落的末尾将通过:after选择器插入内容,颜色为skyblue:</p>

<style>
  #p1:after{content:"插入的内容";color:skyblue;}
</style>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.