1. JS 获取自定义属性: (1)dataset:所有放在data-*中的属性都在dataset中 var dataset = document.getElementsByClassName('child')[0].dataset; 1. (2)getAttribute()方法获取 document.getElementsByClassName('child')[0].getAttribute('data-name'); 1. CSS 使用自定义属性: .child[data-age='18'] { c...
51CTO博客已为您找到关于css 属性选择器 data-的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及css 属性选择器 data-问答内容。更多css 属性选择器 data-相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
不一样的团队在写 CSS 选择器(CSS selectors)有不一样的方法。有些团队使用的是连字符分隔(hyphen delimiters)法,还有一些倾向于使用一种叫 BEM 的命名法,这种方法更加有条理。 总的来说,这些 CSS 命名规范试图解决 3 类问题: 仅从名字就能知道一个 CSS 选择器具体做什么 从名字能大致清楚一个选择器可以在哪...
我们平常用的属性选择器是 E[data="a"],我们来看看他们两个有什么区别: E[attr |="val"] 这个|是 \ 这个键的| 选择以val 开头的元素,以val开头的元素后面可以加- E[attr ^="val"] E[attr $="val"] 这两个选择器比较简单,我就放在一起讲了: E[attr ^="val"] 以 val 开头的 E[attr $="...
CSS3新增选择器:可以更加便捷自由的选择目标元素。 新增选择器种类:属性选择器、结构伪类选择器、伪元素选择器。 属性选择器 顾名思义,就是根据元素的属性及其属性值来确定目标元素。 1.根据属性名确定元素:不使用类选择器或ID选择器,省去命名烦恼。
1 .表示匹配attr属性值包含字符val的元素 可以匹配 attr="val" attr="val-ue" attr="text val" 2 .用来匹配style属性的值:css属性选择器搜索过滤技术 A北京哈尔滨let eleStyle=document.createElement("style") document.head.appendChild(eleStyle) document.getElementById("input").addEventListener("input",(...
CSS选择器允许我们根据元素的属性来选中元素,其中data-role是HTML5中引入的一种自定义数据属性,用于存储页面或应用程序的私有自定义数据。我们可以使用属性选择器来选中具有特定data-role属性的元素。以下是关于如何使用CSS选择器选中data-role属性的详细解答: 1. 理解CSS选择器的基本语法和用途 CSS选择器用于选择需要应...
10. 属性组合选择器(Combining Attribute Selectors):这种选择器是基于多个属性的组合的选择器。例如,如果你想要在所有具有`data-*`属性且宽度大于100px的元素中选择一个特定元素,可以使用`[data-*][width="100px"]`作为选择器,然后为其添加一个类名,如`.combined-attribute`。
1.id选择器(#myid) 2.类选择器(.myclassname) 3.标签选择器(div,h1,p) 4.相邻选择器(h1+p) 5.子选择器(ul > li) 6.后代选择器(li a) 7.通配符选择器(*) 8.属性选择器(a[rel="external"]) 9.伪类选择器(a:hover, li:nth-child) ...
css选择器 常用的选择器有如下几种: 1、标签选择器 标签选择器,此种选择器影响范围大,建议尽量应用在层级选择器中。 举例: *{margin:0;padding:0}div{color:red}... <!-- 对应以上两条样式 --> ... <!-- 对应以上两条样式 --> 2、id选择器 通过id名来选择元素,元素的id名称...