Cos'è un selettore in CSS?

Il selettore in CSS è uno schema che determina a quali elementi HTML si applicano gli stili. Indica al browser quali uno o più elementi devono essere selezionati.

Esistono diversi tipi di selettori:

Selettori di tipo (Type selectors): Selezionano tutte le istanze di un elemento HTML.
```
p { /* Seleziona tutti i paragrafi */
  color: blue;
}
```

Selettori di classe (Class selectors): Selezionano gli elementi con un valore specifico nell’attributo class.

.highlight { /* Seleziona tutti gli elementi con la classe "highlight" */
  background-color: yellow;
}

Selettori di ID (ID selectors): Selezionano un singolo elemento con un valore specifico nell’attributo id.
```
#header { /* Seleziona l’elemento con id "header" */
  font-size: 2em;
}
```

Selettore universale (Universal selector): Seleziona tutti gli elementi.

* { /* Seleziona tutti gli elementi sulla pagina */
  margin: 0;
  padding: 0;
}

Selettori di attributi (Attribute selectors): Selezionano gli elementi in base alla presenza o al valore dei loro attributi.
```
[type="text"] { /* Seleziona tutti gli input con type="text" */
  border: 1px solid gray;
}
```

Pseudo-classi (Pseudo-classes): Selezionano gli elementi in base al loro stato.

a:hover { /* Seleziona il link al passaggio del mouse */
  text-decoration: underline;
}

Pseudo-elementi (Pseudo-elements): Selezionano parti specifiche dell’elemento o creano "elementi fittizi".
```
p::first-line { /* Seleziona la prima riga del paragrafo */
  font-weight: bold;
}
```

Combinatori (Combinators): Definiscono relazioni tra i selettori.

Combinatore	Descrizione	Esempio
Spazio ( )	Selettore discendente (Descendant selector)	`div p`
`>`	Selettore figlio (Child selector)	`div > p`
`+`	Selettore fratello adiacente (Adjacent sibling selector)	`h1 + p`
`~`	Selettore fratello generale (General sibling selector)	`h1 ~ p`

I selettori possono essere combinati per definire elementi con maggiore precisione.