CSS中伪元素after的作用

CSS 伪元素用于向某些选择器设置特殊效果。

创新互联建站专业为企业提供江源网站建设、江源做网站、江源网站设计、江源网站制作等企业网站建设、网页设计与制作、江源企业网站模板建站服务，十年江源做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。

":after" 伪元素可以在元素的内容之后插入新内容。

下面的例子在每个 h1 元素后面插入一幅图片：

h1:after{

content:url(logo.gif);

}

css中的after是什么意思

: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

h1This is a heading/h1

这是在h1后面插入一张图片，但IE

css 伪元素::after

css ::after用来创建一个伪元素，做为已选中元素的最后一个子元素。通常会配合content属性来为该元素添加装饰内容。这个虚拟元素默认是行内元素。

由于伪元素本身是行内元素，所以要变成块级元素的需要使用 display: block;

以下是画一个三角形的图案的样式。

content是一定需要的，content 可以是：

值得注意的是:

:after 和 ::after的关系

新闻名称：关于cssafter样式的信息
文章来源：http://chengdu.cdxwcx.cn/article/dsdiccc.html