CSS属性选择器是一种根据元素的属性值选择元素的CSS选择器。它允许你根据元素的属性值选择包含或匹配特定值的元素。以下是一些常见的CSS属性选择器的示例:
属性存在选择器([attribute]):选择具有指定属性的元素。
示例:[disabled]
选择所有具有disabled属性的元素。
等于选择器([attribute=value]):选择属性值与指定值相等的元素。
示例:[type="text"]
选择所有type属性值为"text"的元素。
包含选择器([attribute*=value]):选择属性值中包含指定值的元素。
示例:[class*="button"]
选择所有class属性值中包含"button"的元素。
开头匹配选择器([attribute^=value]):选择属性值以指定值开头的元素。
示例:[href^="https://"]
选择所有href属性值以"https://"开头的元素。
结尾匹配选择器([attribute$=value]):选择属性值以指定值结尾的元素。
示例:[src$=".png"]
选择所有src属性值以".png"结尾的元素。
包含词选择器([attribute~=value]):选择属性值中包含指定单词的元素。
示例:[class~= "red"]
选择所有class属性值中包含单词"red"的元素。
这些是一些常见的CSS属性选择器。