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技术人实现成长和进步。
上面我们用到了伪类选择器hover,这个选择器是鼠标一移到该选择器选择的标签上就会执行该伪类选择器中的css代码,不仅仅是a标签可以使用哦,无论是任何标签只要是先用选择器选中它,然后加上伪类选择器hover都好使,鼠标一移上去就会触发某个变化! 再举个例子: View Code 3.下面我写一段代码,这段代码有点长,我先画...
CSS3中的属性选择器 1.[att*=val]属性值包含用val指定的字符 [id*=section]{ background:yellow; } 则页面中id为"section1"、"subsection1-1"、"subsection1-2"的div元素的背景色都变为黄色,因为这些元素的id属性中都包含"section"字符。 2.[att^=val]属性值的开头字符为用val指定的字符,则该元素使用...
1.id 选择器 id 选择器以 “#” 来定义。 id 属性只能在每个 HTML 文档中出现一次。 #idp{color: red; }<pid="idp">id 选择器 2.元素标签选择器 html的元素就是最基本的选择器。 p{color: red; }元素标签选择器元素标签选择器2元素标签选择器3 3.类选择器 选择器...
1.现择器进阶 1.1 后代选择器:空格 ➢ 作用:根据 HTML 标签的嵌套关系,选择父元素 后代中 满足条件的元素 ➢ 选择器语法:选择器1 选择器2 { css } ➢ 结果: • 在选择器1所找到标签的后代(儿子、孙子、重孙子…)中,找到满足选择器2的标签,设置样式 ...
获取input的属性: $('input').attr('class'):class代表属性的名称 $('input').attr('class', 'test'):设置input的class为test 设置标签的css样式: $('input').css('font-size'):获取input的当前字体大小 $('input').css('font-size', '14px'):设置input的字体大小...