Successore CSS (~)

Definizione e uso

Successore CSS (~matches all elements in the first element (elemento1apparsi dopo elemento2.

elemento1 e elemento2 devono condividere lo stesso elemento genitore, ma elemento2 Non deve essere immediatamente seguito da elemento1 dopo.

Esempio

Seleziona e imposta lo stile di tutti gli <ul> elementi dopo l'<p> elemento e che condividono lo stesso elemento genitore:

p ~ ul {
  background-color: gold;
  border: 1px solid gray;
{}

Prova tu stesso

Sintassi CSS

elemento1 ~ elemento2 {
  declarazioni CSS;
{}

Dettagli tecnici

Supporto del browser

Tabella dei numeri indica la versione del primo browser a supportare questa combinazione.