Sobes.tech
Junior

O que é um seletor de atributos em CSS?

sobes.tech IA

Resposta da IA

O seletor de atributos em CSS permite selecionar elementos HTML com base na presença ou no valor de um atributo específico. Isto é útil quando se quer aplicar estilos a elementos com atributos concretos, por exemplo, links com um href específico ou inputs do tipo checkbox.

Exemplo de uso:

/* Selecionar todos os elementos com o atributo title */
[title] {
  color: blue;
}

/* Selecionar todos os input com type="text" */
input[type="text"] {
  border: 1px solid #ccc;
}

/* Selecionar todos os links cujo href começa com https */
a[href^="https"] {
  font-weight: bold;
}

Assim, os seletores de atributos ampliam as possibilidades de estilização, permitindo direcionar estilos a elementos com base nos seus atributos.