伪类after
来源:互联网 发布:office文档修复软件 编辑:程序博客网 时间:2024/06/10 14:46
after顾名思义是在元素后面的意思,实质是在元素之后添加内容。
这个伪元素允许制作人员在元素内容的最后面插入生成内容,需要和content属性一起使用,设置在对象后发生的内容。默认地,这个伪元素是inline行内元素,不过可以使用属性 display 改变这一点。
所有主流浏览器都支持 :after 伪元素,但对于IE来说,只有IE8以上版本支持。
下面举个例子,在CSS代码中插入:
<style type="text/css"> h1:after {content:url(logo.gif)} </style> <h1>标题内容</h1>
在显示时,标题内容后会插入一张图片。这就是伪元素:after的作用。
:after伪类的content还可以跟其它的参数,
一:字符串 例如:
<span style="color:#000000;"><style type="text/css">.test:after{content:"测试代码"}; </style><div class="test">测试div:</div></span>运行结果显示为:测试div:测试代码
二:attr(x),attr是属性的意思,顾名思义,就是读取该类节点的属性 例如:
<style type="text/css"> .test:after{content:attr(id)}; </style><div class="test" id="aaa">测试div的id为:</div>
运行结果显示为:测试div的id为:aaa
三:固定参数
close-quote:插入 quotes 属性的后标记
no-close-quote :并不插入 quotes 属性的后标记。但增加其嵌套级别
open-quote:插入 quotes 属性的前标记
no-open-quote:并不插入 quotes 属性的前标记。但减少其嵌套级别
0 0
- 伪类after
- 12、after伪类
- css :before :after伪类
- 伪类:after的妙用
- CSSbefore和after伪类
- 伪类:before以及after
- 伪类before和after
- css属性:before :after伪类
- 伪类元素:before 和 :after
- 小挖掘 伪类:before & :after
- 用after伪类清除浮动
- 关于伪类元素:before和:after
- 浅谈 CSS 中的伪类 after
- CSS :before :after 伪类选择器
- 关于伪类元素:before和:after
- 关于伪类元素:before和:after
- 关于伪类元素:before和:after
- 转载:after伪类的用法
- 八皇后问题
- 【HDOJ 4970】 Killing Monsters
- 《MFC游戏开发》笔记二 建立工程、调整窗口
- Asp.net-知识总结(6)
- springMVC --拦截器详细,使用和自定义拦截器
- 伪类after
- 《MFC游戏开发》笔记三 游戏贴图与透明特效的实现
- UVA 11235 Frequent values (RMQ)
- hdu5199Gunner(二分查找)
- Android Funcitons Collection
- 《MFC游戏开发》笔记四 键盘响应和鼠标响应:让人物动起来
- wince web service 使用
- jQuery 的选择器
- UE4风化和老化的影响