1. CSS 使用自定义属性: .child[data-age='18'] { color: red; } 1. 2. 3. 这一定限度上解决了 css 无法获取变量的问题。
51CTO博客已为您找到关于css自定义属性data的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及css自定义属性data问答内容。更多css自定义属性data相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
获取数据属性:可以使用 dataset 读取到数据 var article = document.querySelector('#electriccars'); article.dataset.columns// "3" article.dataset.indexNumber// "12314" article.dataset.parent// "cars" 每个属性都是可读写的字符串 data 为 attr 属性,css可以获取到 article::before{ content:attr( data...
不能设置left // --left: 43px; // 使用这个变量可以设置left, position: absolute; content: attr(data-left); // 读取并显示值43px // left: 43px; left: var(--left); // 如果是通过attr取data-left的值是无效的css属性 // background: #f5f5f5; background: #f00; width: 8.5px...
同样的我们也可以通过data-属性值对应的元素设置CSS样式,如下 div[data-class]{ width: 100px; height: 100px; background: #8959a8; border: 1px solid #cccccc; } div[data-class="my"]{ box-shadow: 0 0 5px 5px #CCCCCC; }
这里的data-前缀就被称为data属性,其可以通过脚本进行定义,也可以应用css属性选择器进行样式设置.数量不受限制,在控制和渲染数据的时候提供了非常强大的控制. 下面是元素应用data属性的一个例子: 复制代码代码如下: $18.3 要想获取某个属性的值,可以像下面这样使用dataset对象: 1 2 3 4 5 varexpenseday=document....
这样我们通过JavaScript设置了data-birth-date自定义属性,在CSS样式表为div添加了一些样式,看看效果 读取的时候也是通过dataset对象,使用”.”来获取属性,同样需要去掉data-前缀,连字符需要转化为驼峰命名 var test = document.getElementById('test'); test.dataset.my = 'Byron'; ...
在HTML网站的CSS中给出data-autoplay属性,可以通过伪类选择器和属性选择器来实现。 首先,可以使用伪类选择器:before或:after在元素前或后创建一个伪元素,然后利用其content属性添加data-autoplay属性。如下所示: 代码语言:txt 复制 [data-autoplay]:before { content: attr(data-autoplay); } 这样,当元素具...
虽然他们说的是真的，但是iframe的强大功能是不容忽视的，而且现在不乏公司正在使用它。
零基础html5+div+css+js网页开发教程第019期data-属性自定义数据刘金玉编程 0 打开网易新闻 体验效果更佳造价高达65亿元的055万吨大驱,我国还需要多少艘? 科技大发明 179跟贴 打开APP 金一南将军评价林彪的指挥才能 龙悦事记 490跟贴 打开APP 土耳其又想让我国当冤大头,寻求合作被拒绝,中国绝不连上3次当 ...