CSS Attribute Selectors

CSS styles elements based on the specific attributes they carry. Developers can target all links that open in a new tab or all input fields of a certain type. This avoids cluttering the HTML with extra class names.

1/* this targets target attributes */
2a[target="_blank"] {
3  background-color: yellow;
4}
5
6input[type="text"] {
7  border: 1px solid black;
8}