css3伪类温故知新
2016-03-08 14:27
501 查看
今天遇到一个问题。要求::after 和 ::before的 content:"content" 能够动态的进行变换,能被JavaScript操作。
百度了下,自己做了实验,发现有几种方法可以进行动态赋值。
1,最基本,::after的content的内容可以绑定父元素的attribute值,如content:attr(myprattr),这个myprattr就是父元素的属性值;
2,通过js进行操作,既然::after通过与父元素的attribute值进行绑定,那么就可以通过javascript 设置父元素的attribute属性值来操作content;
百度了下,自己做了实验,发现有几种方法可以进行动态赋值。
1,最基本,::after的content的内容可以绑定父元素的attribute值,如content:attr(myprattr),这个myprattr就是父元素的属性值;
2,通过js进行操作,既然::after通过与父元素的attribute值进行绑定,那么就可以通过javascript 设置父元素的attribute属性值来操作content;
相关文章推荐
- CSS清除浮动
- CSS定位属性
- Cnblogs自定义皮肤css样式-星空观测者
- 菜单导航/URHere/面包屑,通过CSS中的content简洁表达代码
- css单位
- CSS常用的属性命名
- 前端试题-CSS试题(1)
- CSS笔记2-样式选择器
- Css 学习笔记--样式引入方式及按权重判断优先级
- CSS3 animation 属性 CSS3 @keyframes 规则
- css中em,rem的解析成px的原理及混用场景
- 解决子元素用css float浮动后父级元素高度自适应高度
- CSS渲染速度改善的十个方法与建议
- 单选 多选按钮的选择
- CSS实现垂直居中
- 纯css实现close - ×
- CSS样式优先权
- 纯CSS修改浏览器的默认滚动条样式
- CSS 属性 - 伪类和伪元素
- 我的css释疑-float line-height inline-block vertical-align