CSS Attribute Selectors

Style HTML elements with specific attributes or attribute values.

Example 1: [attribute] Selector

The [attribute] selector is used to select elements with a specified attribute.

Example 2: [attribute="value"] Selector

The [attribute="value"] selector is used to select elements with a specified attribute and value.

Example 3: [attribute~="value"] Selector

The [attribute~="value"] selector is used to select elements with an attribute value containing a specified word.

Example 4: [attribute|="value"] Selector

The [attribute|="value"] selector is used to select elements with the specified attribute starting with the specified value.

Example 5: [attribute^="value"] Selector

The [attribute^="value"] selector is used to select elements whose attribute value begins with a specified value.

a[target] {
  background-color: yellow;
}

a[target="_blank"] {
  background-color: yellow;
}