扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
CSS 伪元素用于向某些选择器设置特殊效果。
创新互联建站专业为企业提供江源网站建设、江源做网站、江源网站设计、江源网站制作等企业网站建设、网页设计与制作、江源企业网站模板建站服务，十年江源做网站经验，不只是建网站，更提供有价值的思路和整体网络服务。
":after" 伪元素可以在元素的内容之后插入新内容。
下面的例子在每个 h1 元素后面插入一幅图片：
h1:after{
content:url(logo.gif);
}
: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用来创建一个伪元素，做为已选中元素的最后一个子元素。通常会配合content属性来为该元素添加装饰内容。这个虚拟元素默认是行内元素。
由于伪元素本身是行内元素，所以要变成块级元素的需要使用 display: block;
以下是画一个三角形的图案的样式。
content是一定需要的，content 可以是：
值得注意的是:
:after 和 ::after的关系
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网