::after
版本：CSS3
CSS伪元素::after用来创建一个伪元素，作为已选中元素的最后一个子元素。通常会配合content属性来为该元素添加装饰内容。这个虚拟元素默认是行内元素。
语法:
E::after{sRules}
- ::after选择器向选定的元素之后插入内容，并且它生成包含放置在元素中的内容之后的生成内容的伪元素。
- ::after选择器使用content 属性来指定要插入的内容。
- ::after选择器在默认情况下，此伪元素是内联的，但是可以使用属性显示更改。
- ::after选择器CSS3将伪对象选择符(Pseudo-ElementSelectors)前面的单个冒号(:)修改为双冒号(::)用以区别伪类选择符(Pseudo-ClassesSelectors)，但以前的写法仍然有效。即:after可转化为::after
- ::after表示法是在CSS 3中引入的，::符号是用来区分伪类和伪元素的。支持CSS3的浏览器同时也都支持CSS2中引入的表示法:after。注: IE8仅支持:after。
CSS伪元素::after用来创建一个伪元素，作为已选中元素的最后一个子元素。通常会配合content属性来为该元素添加装饰内容。这个虚拟元素默认是行内元素。
/* add an arrow after links */a::after {content: "→";}
Firefox 3.5 note
Firefox 3.5之前版本仅实现了CSS 2.0版本的语法:after.且不允许在position, float, list-style-*等属性中使用。Firefox 3.5开始没有了这项限制。
浏览器支持
| | | | |
| IE9+以及新版浏览器都支持::after |
| IE8以及早期IE版本不支持::after |
例子
p:after{content:"-台词";background-color:yellow;color:red;font-weight:bold;}
我是唐老鸭。
我住在duckburg。
