Introduzione
Fa parte della sezione Padronanza di CSS del percorso HTML di Coddy. Lezione 1 di 43.
Nella sezione precedente, abbiamo esaminato i selettori di base come tag, classi, ID, selettori di gruppo e il selettore universale. Questi ti hanno fornito gli strumenti per iniziare a definire lo stile degli elementi della pagina.
Ora alziamo un po’ il livello. In questo capitolo imparerai alcuni modi più intelligenti per selezionare gli elementi: nello specifico, il selettore di discendenti (per applicare uno stile a un elemento solo se si trova all’interno di un altro) e il selettore di fratelli adiacenti (per applicare uno stile a un elemento solo se si trova subito dopo un altro).
Queste tecniche rendono il tuo CSS più pulito, flessibile e facile da gestire man mano che i tuoi progetti crescono.
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