css attribute selector 属性选择器

attribute selector

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).