Seletor por início do valor de atributo
O seletor por início do valor de atributo aplica um estilo a um elemento que tem o valor de um atributo da tag começando com um texto específico.
Exemplo
Vamos considerar a tag <a>
,
onde o valor do atributo href
começa com https
e mudar sua cor
para vermelho:
<a href="file.html">link1</a>
<a href="https://code.mu">link2</a>
a[href^="https://"] {
color: red;
}
:
Veja também
-
seletor de atributo,
que busca um elemento pelo nome do atributo -
seletor de atributo,
que busca um elemento pelo valor do atributo -
seletor de atributo,
que busca um elemento pelo final do valor do atributo -
seletor de atributo,
que busca um elemento por texto no valor do atributo -
seletor de atributo,
que busca um elemento por um dos valores do atributo -
seletor de atributo,
que busca um elemento por hífen no valor do atributo -
Seletor filho,
que permite selecionar elementos por aninhamento direto -
Seletor contextual,
que permite selecionar um elemento pelo seu pai -
Seletor adjacente,
que permite selecionar um elemento pelo seu vizinho -
Seletor geral de irmãos,
que permite selecionar elementos após um determinado -
Seletor universal,
que permite selecionar todos os elementos