Les capes en cascada són una característica de CSS que permet definir estils CSS en múltiples capes i controlar l'ordre en què aquestes capes s'apliquen.
Introducció
Per aprendre més sobre les capes en cascada, consulteu la guia completa de Miriam Suzanne a CSS Tricks.
DevTools
Vegem com visualitzar i depurar capes a DevTools. Totes les eines de desenvolupador dels navegadors tenen suport per a capes als seus panells d’Styles/Rules, i alguns navegadors tenen funcionalitats més avançades.
- Obre una pàgina que utilitzi capes en cascada com aquesta.
- Inspecciona un element que tingui estils definits en una de les capes en cascada, com un dels enllaços verds de la demostració anterior.
- A la barra lateral on es mostren les regles CSS (anomenada Styles o Rules depenent del navegador), les regles estan ordenades per capes en cascada, amb la capa de més alta prioritat a dalt i la de prioritat més baixa a baix.
- Les regles que formen part d’una capa en cascada tenen una etiqueta
@layer <nomdelacapa>al costat.