Cos'è e come funziona la Specificità in CSS скачать в хорошем качестве

Cos'è e come funziona la Specificità in CSS

Oggi come primo video del 2023, parliamo di specificità in css. Può capitare che durante la creazione di un progetto web, assegniamo una proprietà css, ad un elemento html, ma questa stranamente, non viene letta, ad esempio il colore di sfondo di un box. Allora molto semplicemente ricorriamo al fatidico important. NOOOOOO! Assolutamente no! L’important se non in rarissime eccezioni, e mi riferisco a fogli di stile di un page builder, ad esempio, dove non riusciamo a venirne a capo, se non in questi rari casi, è assolutamente sconsigliato utilizzarlo. Anzi forse molto spesso anche nel caso di fogli di stile che non abbiamo scritto noi e che per nostra sfortuna ci è capitato di dover modificare, se ispezioniamo il codice e analizziamo l’elemento in questione, conoscendo le regole che sto per svelarvi, possiamo quasi sempre evitare di usare l’important. Vediamo dunque come funziona la specificità nei css, e quale calcolo effettua il browser per assegnare agli elementi le proprietà. 00:00 Introduzione 01:40 Interno, inline, esterno: sono 3 modi per inserire stile 02:40 Ogni metodo di inserimento dello style, ha un peso diverso 03:36 Effetto Cascata in CSS 04:51 I Selettori hanno un diverso peso 06:10 Classificazione dei selettori in base al loro peso 06:52 Eccezioni di specificità 09:51 Come il Browser calcola la specificità dei selettori 12:25 Come aggiungere maggiore specificità ad un selettore 15:00 Lo stile inline, ha maggiore specificità rispetto allo stile esterno 15:47 Considerazioni finali