En la clase 8 del curso de css entenderás los conceptos de herencia y especificidad en css. Es decir, cómo las propiedades css pasan de unos elementos a otros y el orden de especificidad de los selectores.
Hemos estudiado ya 8 tipos de selectores. Pero, ¿qué ocurre si usamos varios a la vez para un mismo elemento html? ¿Cuál va a tener efecto?
¿Qué pasa si usamos la misma propiedad para un mismo elemento pero con selectores diferentes?
Si ya te estás perdiendo, aguanta, porque en este vídeo respondo a todas estas preguntas de una forma que te resultará pan comido.
Así que, vamos a entender cómo funciona la lógica del css.
Vídeo: herencia y especificidad en CSS
Conclusión
En esta clase he completado la definición de CSS que te daba en la primer clase del curso. Vimos que las siglas de este leguaje de diseño se correspondían con Cascading Style Sheet. Es decir, hojas de estilo en cascada.
Los conceptos de herencia y especificidad en css tienen que ver con esta última parte: en cascada.
Hemos visto cómo unos elementos pueden heredar las propiedades de los que los contienen, así como qué valor se le da a cada selector para que unos sean más específicos que otros.
Realmente es algo muy sencillo de entender. Te recomiendo que descargues los documentos usados en el vídeo de hoy para que te sirvan de referencia y para que puedas practicar sobre ellos.