CSS 3 – Seletores

Imagem gerada por IA para exemplificar um codificador.CSS (Cascading Style Sheets) Selectors (Seletores) são padrões que definem os elementos HTML aos quais um conjunto específico de estilos CSS deve ser aplicado. Os seletores são uma parte fundamental do CSS, pois permitem direcionar elementos específicos em uma página web para aplicar estilos de formatação, como cor, fonte, tamanho e posicionamento.

A seguir estão alguns exemplos comuns de Seletores CSS:

1. **Seletores de Tipo:**
– Selecione todos os elementos de um tipo específico. Por exemplo, o seletor `p` selecionará todos os parágrafos na página.

p {
/* Estilos para parágrafos */
}

2. **Seletores de ID:**
– Selecione um elemento com um ID específico. O seletor `#header` selecionará o elemento com o ID “header”.

#header {
/* Estilos para o elemento com o ID "header" */
}

3. **Seletores de Classe:**
– Selecione elementos com uma classe específica. O seletor `.destaque` selecionará todos os elementos com a classe “destaque”.

.destaque {
/* Estilos para elementos com a classe "destaque" */
}

4. **Seletores de Descendência:**
– Selecione elementos que são descendentes de outros elementos. O seletor `nav ul` selecionará todas as listas não ordenadas (`ul`) que são descendentes de elementos `nav`.

nav ul {
/* Estilos para listas não ordenadas dentro de elementos "nav" */
}

5. **Seletores de Atributo:**
– Selecione elementos com um determinado atributo. Por exemplo, o seletor `input[type=”text”]` selecionará todos os elementos `input` do tipo texto.

input[type="text"] {
/* Estilos para elementos input do tipo texto */
}

6. **Seletores Pseudo-classes:**
– Selecione elementos com base em seu estado. Por exemplo, o seletor `:hover` aplicará estilos quando o mouse estiver sobre o elemento.

a:hover {
/* Estilos para links quando o mouse está sobre eles */
}

Esses são apenas alguns exemplos de CSS Selectors. Eles oferecem uma maneira poderosa e flexível de aplicar estilos a elementos específicos em uma página web, permitindo uma formatação granular e consistente.

Referência no W3C

https://www.w3.org/TR/selectors-3/