The CSS attribute selector matches elements based on the presence or value of a given attribute.
CSS 属性选择器匹配存在该属性或者属性为特定值的元素
[attr]
Represents an element with an attribute name of attr.[attr=value]
Represents an element with an attribute name of attr whose value is exactly value.[attr~=value]
Represents an element with an attribute name of attr whose value is a whitespace-separated list of words, one of which is exactly value.[attr|=value]
Represents an element with an attribute name of attr whose value can be exactly value or can begin with value immediately followed by "-" (U+002D). It is often used for language subcode matches.[attr^=value]
Represents an element with an attribute name of attr whose value is prefixed (preceded) by value.[attr$=value]
Represents an element with an attribute name of attr whose value is suffixed (followed) by value.[attr*=value]
Represents an element with an attribute name of attr whose value contains at least one occurrence of value within the string.[attr operator value i]
Adding an i (or I) before the closing bracket causes the value to be compared case-insensitively (for characters within the ASCII range).
