CSS [attribute=value] Selector

Definition and Usage

CSS [attribute=value] The selector is used to select elements that have a specified attribute and whose attribute values match completely.

Example

Example 1

Select and set the styles for all <a> elements with target="_blank". At the same time, select and set the styles for all <p> elements with lang="it":

a[target="_blank"] {
  background-color: yellow;
}
p[lang="it"] {
  background-color: salmon;
}

Try it yourself

Example 2

Set the width of the <input type="text"> element to 100px. However, when it gains focus, set its width to 250px:

input[type="text"] {
  width: 100px;
}
input[type="text"]:focus {
  width: 250px;
}

Try it yourself

CSS Syntax

[attribute = value] {
  css declarations;
}

Technical Details

Browser Support

The numbers in the table indicate the first browser version that fully supports this selector.