多语言展示
当前在线:870今日阅读:117今日分享:28

CSS教程 after伪元素选择器

本教程将介绍after伪元素选择器
工具/原料

PhpStorm 2019.3.1 x64

方法/步骤
1

新建一个 after.html 文件,如图所示:

2

输入HTML5的结构代码,将title标签里面的内容修改成:after伪元素选择器,如图所示:

3

E::after伪元素选择器: 表示在元素E的内部的最后面创建一个元素(伪元素)

4

使用div和p标签定义一个段落,如图所示:

5

输入代码:div::after{content: 'p段落后面';}

6

运行网页,可以看到由after伪选择器修饰的内容在p标签之后,如图所示:

推荐信息