Loading... <div class="tip inlineBlock success"> 此处所介绍的均是放在元素选择器后的参数 </div> ## 存否和值选择器 ## - [attr] 匹配带有一个名为attr的属性的元素——方括号里的值 - [attr=value] 匹配带有一个名为attr的属性的元素,其值正为value——引号中的字符串。 - [attr~=value]匹配带有一个名为attr的属性的元素 ,其值正为value,或者匹配带有一个attr属性的元素,其值有一个或者更多,至少有一个和value匹配。 <div class="tip inlineBlock warning"> 注意,在一列中的好几个值,是用空格隔开的。 </div> - [attr|=value]匹配带有一个名为attr的属性的元素,其值可正为value,或者开始为value,后面紧随着一个连字符(即-)。<div class="tip inlineBlock warning"> 很少用到 </div> ## 子字符串匹配选择器 ## - [attr^=value]匹配带有一个名为attr的属性的元素,其值开头为value子字符串。 - [attr$=value]匹配带有一个名为attr的属性的元素,其值结尾为value子字符串。 - [attr*=value]匹配带有一个名为attr的属性的元素,其值的字符串中的任何地方,至少出现了一次value子字符串。 <div class="tip inlineBlock info"> html是大小写敏感的,所以如果要强制大小写不敏感,则需要在属性选择器中加入i字符,例如a[class="a" i]。 </div> 参考文献:https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Selectors/Attribute_selectors Last modification:July 26, 2021 © Allow specification reprint Support Appreciate the author AliPayWeChat Like 如果觉得我的文章对你有用,请随意赞赏