| Seletor |
Função |
Exemplo CSS |
| * |
Seleciona todas as tags HTML |
*{color: violet} |
| x |
Seleciona todas tags x |
x {color: violet} |
| x y |
Seleciona todas as tags z que estiver contido num elemento x |
x y{color: violet} |
| x > y |
Seletor de elemento-filho: Seleciona qualquer elemento y descendente direto de uma tag x |
x > y{color: violet} |
| x + y |
Seleciona o elemento y que estiver após um elemento x |
x + y{color: violet} |
| .class |
Seleciona o elemento com a class "classe" |
.classe{color: violet} |
| #destaque |
Seleciona o elemento com id igual a "destaque" |
#destaque{color: violet} |
| x,y |
Seleciona o elemento x e y |
x,y{color: violet} |
| x[atributo] |
Seleciona o elemento x que contenha o atributo indicado |
x[title]{color: violet} |
| x[atributo="valor"] |
Seleciona o elemento x que contenha o atributo e o valor indicado |
input[type=number]{color: violet} |