属性和通配符选择器

mac2024-11-09  10

属性选择器 1.什么是属性选择器? 作用: 根据指定的属性名称找到对应的标签, 然后设置属性

格式: [attribute] 作用:根据指定的属性名称找到对应的标签, 然后设置属性

[attribute=value] 作用: 找到有指定属性, 并且属性的取值等于value的标签, 然后设置属性 最常见的应用场景, 就是用于区分input属性 input[type=password]{} < input type=“text” name="" id=""> < input type=“password” name="" id="">

1.属性的取值是以什么开头的 [attribute|=value] CSS2 [attribute^=value] CSS3 两者之间的区别: CSS2中的只能找到value开头,并且value是被-和其它内容隔开的 CSS3中的只要是以value开头的都可以找到, 无论有没有被-隔开

2.属性的取值是以什么结尾的 [attribute$=value] CSS3

3.属性的取值是否包含某个特定的值得 [attribute~=value] CSS2 [attribute*=value] CSS3 两者之间的区别: CSS2中的只能找到独立的单词, 也就是包含value,并且value是被空格隔开的 CSS3中的只要包含value就可以找到

通配符选择器 1.什么是通配符选择器? 作用: 给当前界面上所有的标签设置属性

格式: *{ 属性:值; }

注意点: 由于通配符选择器是设置界面上所有的标签的属性, 所以在设置之前会遍历所有的标签, 如果当前界面上的标签比较多, 那么性能就会比较差, 所以在企业开发中一般不会使用通配符选择器

最新回复(0)