Classi pseudo-strutturali
Fa parte della sezione Padronanza di CSS del percorso HTML di Coddy. Lezione 12 di 43.
Le pseudo-classi strutturali in CSS vengono usate per applicare stili agli elementi in base alla loro posizione o struttura all'interno del documento HTML. Ti permettono di selezionare elementi come il primo figlio, l'ultimo figlio o figli con un numero specifico, senza dover aggiungere classi o ID.
Gli esempi comuni includono:
:first-child: seleziona il primo elemento figlio di un elemento genitore.
:last-child: seleziona l'ultimo figlio di un elemento genitore.:nth-child(n): seleziona l'n-esimo figlio (ad esempio, ogni 2º, 3º e così via).
Provalo tu
Questa lezione non include una sfida di codice.
Mettiti alla provaQuesta lezione include un breve quiz. Inizia la lezione per rispondere e tenere traccia dei tuoi progressi.
Tutte le lezioni di Padronanza di CSS
1Padronanza dei selettori – Combinazioni
IntroduzioneSelettore discendenteSelettore figlioSelettore fratello adiacenteSelettore fratello generaleSfida di ripasso2Pseudo-classi interattive
Pseudo-classiEffetti al passaggio del mouseEffetti di focusStili attiviSfida di riepilogo3Classi pseudo-strutturali
Classi pseudo-strutturaliSelezionare il primo figlioSelezionare l'ultimo figlioIl potere degli schemi: usare nth-childSfida di riepilogoEsercitati da solo: Playground Web