O que é um seletor em CSS?

O seletor em CSS é um padrão que determina a quais elementos HTML se aplicam os estilos. Indica ao navegador quais um ou mais elementos devem ser selecionados.

Existem diferentes tipos de seletores:

Seletores de elementos (Type selectors): Selecionam todas as instâncias de um elemento HTML.
```
p { /* Seleciona todos os parágrafos */
  color: blue;
}
```

Seletores de classes (Class selectors): Selecionam elementos com um valor específico no atributo class.

.highlight { /* Seleciona todos os elementos com a classe "highlight" */
  background-color: yellow;
}

Seletores de ID (ID selectors): Selecionam um único elemento com um valor específico no atributo id.
```
#header { /* Seleciona o elemento com id "header" */
  font-size: 2em;
}
```

Seletor universal (Universal selector): Seleciona todos os elementos.

* { /* Seleciona todos os elementos na página */
  margin: 0;
  padding: 0;
}

Seletores de atributos (Attribute selectors): Selecionam elementos com base na presença ou valor de seus atributos.
```
[type="text"] { /* Seleciona todos os input com type="text" */
  border: 1px solid gray;
}
```

Pseudo-classes (Pseudo-classes): Selecionam elementos com base no seu estado.

a:hover { /* Seleciona o link ao passar o mouse */
  text-decoration: underline;
}

Pseudo-elementos (Pseudo-elements): Selecionam partes específicas do elemento ou criam "elementos fictícios".
```
p::first-line { /* Seleciona a primeira linha do parágrafo */
  font-weight: bold;
}
```

Combinadores (Combinators): Definem relações entre seletores.

Combinador	Descrição	Exemplo
Espaço ( )	Seletor descendente (Descendant selector)	`div p`
`>`	Seletor filho (Child selector)	`div > p`
`+`	Seletor irmão adjacente (Adjacent sibling selector)	`h1 + p`
`~`	Seletor irmão geral (General sibling selector)	`h1 ~ p`

Os seletores podem ser combinados para uma definição mais precisa dos elementos.