Question

css中的after是什么意思

Answer 1

:after 伪元素在元素之后添加内容。

这个伪元素允许创作人员在元素内容的最后面插入生成内容。默认地，这个伪元素是行内元素，不过可以使用属性 display 改变这一点。

所有主流浏览器都支持 :after 伪元素，但对于IE来说，只有IE8以上版本支持。

h1:after
{
content:url(beep.wav);
}

此样式会在每个 h1 元素之后播放一段声音：

<style type="text/css">
h1:after {content:url(/i/w3school_logo_white.gif)}
</style>

<h1>This is a heading</h1>
这是在h1后面插入一张图片，但IE

Answer 2

:after 伪元素在元素之后添加内容。

这个伪元素允许创作人员在元素内容的最后面插入生成内容。默认地，这个伪元素是行内元素，不过可以使用属性 display 改变这一点。

所有主流浏览器都支持 :after 伪元素，但对于IE来说，只有IE8以上版本支持。

h1:after
{
content:url(beep.wav);
}

此样式会在每个 h1 元素之后播放一段声音：

<style type="text/css">
h1:after {content:url(/i/w3school_logo_white.gif)}
</style>

<h1>This is a heading</h1>

Answer 3

Selector（选择符） : after { sRules }

说明：

用来和content属性一起使用，设置在对象后发生的内容。

例如：

table:after { content: END OF TABLE }

具体例子你可以百度一下