CSS ::after 伪元素
下面还有更多“亲自试一试”的示例。
定义和用法
The ::after 伪元素在指定元素的内容之后插入一些内容。
使用 content 属性来指定要插入的内容。 content 值可以是
- 字符串：content: "Hello world!";
- 图像：content: url(myimage.jpg);
- 无：content: none;
- 计数器：content: counter(li);
- 引号：content: close-quote;
- 属性值：content: " (" attr(href) ")";
提示： 请注意，插入的内容仍然位于指定元素内部。插入的内容会添加到内部的其他内容之后。
使用 ::before 在特定元素的内容之前插入一些内容。
| 版本 | CSS2 |
|---|
浏览器支持
表中的数字指定了完全支持该伪元素的第一个浏览器版本。
| 伪元素 | |||||
|---|---|---|---|---|---|
| ::after | 4.0 | 9.0 | 3.5 | 3.1 | 7.0 |
CSS 语法
::after {
css 声明;
}
更多示例
示例
在每个 <p> 元素的内容之后插入一个字符串，并设置插入内容的样式
p::after {
content: " - Remember this";
background-color: yellow;
color: red;
font-weight: bold;
}
亲自试一试 »
相关页面
CSS 教程：CSS 伪元素
CSS 伪元素参考：::before
