html5-自定义元素属性data-和content的attr用法
2012-05-16 14:07
183 查看
<h2 class="h" data-zj="jy">我是自定义的属性</h2>
h2[data-zj="jy"]{ color:#FFFF33;} h2[data-zj="jy"]:hover:after{ content:attr(data-zj); }
1.data-是自定义属性的写法,后面接你的属性名字如:zj。
2.h2[data-zj="jy"]通过CSS3的属性选择器来定义样式。
3.结合:hover:after这两个伪类:让鼠标悬停在元素上面的时候,在其后面显示出自定义的属性值 :ontent:attr(data-zj);
相关文章推荐
- HTML5的自定义属性data-* 的用法解析
- HTML5的自定义属性data-* 的用法解析
- 转载 HTML5 data-* 自定义属性
- HTML5的自定义属性data-*
- HTML5 自定义属性 data-* 和 jQuery.data 详解
- html5的自定义data-*属性与jquery的data()方法的使用
- html5的自定义data-*属性和jquery的data()方法的使用示例
- html5自定义属性data详解及使用方法
- HTML5的自定义属性data-*详细介绍和JS操作实例
- HTML5 自定义属性 data-* 和 jQuery.data 详解
- html5新特性data_*自定义属性使用
- HTML5 data-* 自定义属性
- jQuery中使用data()方法读取HTML5自定义属性data-*实例
- HTML5新特性: 自定义属性前缀data-以及dataset的使用
- html5的自定义data-*属性和jquery的data()方法的使用
- jQuery中使用data()方法读取HTML5自定义属性data-*实例
- HTML5 自定义属性 data-* 和 jQuery.data 详解
- HTML5 data-* 自定义属性
- HTML5 自定义属性 data-* 和 jQuery.data 详解
- 【转载】HTML5自定义data属性