网站建设资讯

NEWS

网站建设资讯

关于cssafter样式的信息

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样式的信息
URL网址:http://cdweb.net/article/dsdiccc.html