SnowKagura‘s blog - value
type: channel
link: https://www.snowkagura.com/tag/value/
items: 学习css的笔记2（属性选择器)

学习css的笔记2（属性选择器)
type: item
date: 2020-09-22T22:35:00+08:00
description: [scode type="green"]此处所介绍的均是放在元素选择器后的参数[/scode]存否和值选择器[attr] 匹配带有一个名为attr的属性的元素——方括号里的值[attr=value] 匹配带有一个名为attr的属性的元素，其值正为value——引号中的字符串。[attr~=value]匹配带有一个名为attr的属性的元素 ，其值正为value，或者匹配带有一个attr属性的元素，其值有一个或者更多，至少有一个和value匹配。[scode type="yellow"]注意，在一列中的好几个值，是用空格隔开的。[/scode][attr|=value]匹配带有一个名为attr的属性的元素，其值可正为value，或者开始为value，后面紧随着一个连字符(即-)。[scode type="yellow"]很少用到[/scode]子字符串匹配选择器[attr^=value]匹配带有一个名为attr的属性的元素，其值开头为value子字符串。[attr$=value]匹配带有一个名为attr的属性的元素，其值结尾为value子字符串。[attr*=value]匹配带有一个名为attr的属性的元素，其值的字符串中的任何地方，至少出现了一次value子字符串。[scode type="blue"]html是大小写敏感的，所以如果要强制大小写不敏感，则需要在属性选择器中加入i字符,例如a[class="a" i]。[/scode]参考文献:https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Selectors/Attribute_selectors