El selector de atributos CSS coincide con los elementos en función de la presencia o el valor de un atributo determinado.
Elementos con un atributo title
a[title] {
color: purple;
}
Elementos con un href que coincida con "https://example.org"
a[href="https://example.org"] {
color: green;
}
Elementos con un href que contenga "example"
a[href*="example"] {
font-size: 2em;
}
Elementos con un href que comience con "#"
a[href^="#"] {
color: #001978;
}
Elementos con un href que termine en ".org"
a[href$=".org"] {
font-style: italic;
}
Elementos cuyo atributo class contenga la palabra "logo"
a[class~="logo"] {
padding: 2px;
}