博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html5-自定义元素属性data-和content的attr用法
阅读量:6095 次
发布时间:2019-06-20

本文共 248 字,大约阅读时间需要 1 分钟。

我是自定义的属性

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);

转载地址:http://grgwa.baihongyu.com/

你可能感兴趣的文章
宝宝树11年创业纪录片曝光 王怀南:他们不知道我的厉害
查看>>
快手首次透露商业化布局:将重点发力短视频广告
查看>>
点融任命崔亚文为执行总裁和联席董事长 郭宇航彻底淡出
查看>>
中消协:警惕以治病为噱头的保健品虚假宣传行为
查看>>
河南外贸总值首破5500亿元 对中东欧16国贸易大增
查看>>
腾讯7位程序员面试,可为什么HR只选了一个大学生,原因在于这300行代码!
查看>>
BAT齐聚阿里安全ASRC生态大会:呼吁联合共建网络安全白色产业链
查看>>
联想常程回应“碰瓷”:雷军、黄章全中枪
查看>>
【进阶3-3期】深度解析 call 和 apply 原理、使用场景及实现
查看>>
表单匹配正则表达式
查看>>
你不知道的Virtual DOM(一):Virtual Dom 介绍
查看>>
CSSModules
查看>>
理解音频焦点 (第 3/3 部分):三个步骤实现音频聚焦
查看>>
小邵教你玩转nodejs之剖析/实现commonJs源码(2)
查看>>
Omi 官方插件系列 - omi-transform 介绍
查看>>
process.argv与命令行工具
查看>>
追溯 React Hot Loader 的实现
查看>>
纳税服务系统九【登陆、权限拦截、页面嵌套】
查看>>
Jenkins 持续集成 Android 项目
查看>>
[译] 一文教你什么是渐进增强,为什么它很重要?
查看>>