当前位置: 首页 > Web前端 > CSS

css属性选择器

时间:2023-03-31 12:09:09 CSS

1.[attr]——匹配的元素有指定的属性attr,不管属性值是什么,例如:input[disabled]。2.[attr="value"]——匹配的元素具有指定的属性attr,属性值等于指定的字符串值,例如:input[type="radio"]。3.[attr^="value"]-“开头为”属性选择器。该选择器匹配的元素具有指定的属性attr,属性值的开头是指定的字符串值,例如:a[href^="https"]。4.[attr$="value"]-“结束”属性选择器。该选择器匹配的元素具有指定的属性attr,属性值的末尾为指定的字符串值,例如:a[href$=".pdf"]。5.[attr*="value"]-“包含”属性选择器。该选择器匹配的元素具有指定的属性attr,属性值包含指定的字符串值,例如:[class*="sprite-"]。6.[attr~="value"]-“空格分隔列表”属性选择器。该选择器匹配的元素具有指定的属性attr,属性值是一个空格分隔的值列表,列表中的一个值等于指定的字符串值,例如:a[rel="author"]。[attr|="value"]——匹配的元素具有指定的属性attr,属性值要么等于指定的字符串值,要么以字符串开头,后面跟一个连字符(-)。适用于语言属性,它有时指定语言的子集(例如墨西哥西班牙语,es-MX,或普通西班牙语,es),例如:[lang|="es"]。7.以上属性选择器区分大小写。选择器规范Level4提出了一个不区分大小写的修饰符,可以应用于任何属性选择器。它的用法是在右方括号前加i,例如:input[value="search"i]。