Cuando se establece el valor de alguna propiedad en un elemento, todos sus descendientes heredan inicialmente ese mismo valor.
Si se indica por ejemplo un tipo de letra al elemento
de una página, todos los elementos de la página mostrarán ese tipo de letra, salvo que se indique lo contrario
1 2 3 4 5 |
<style type="text/css"> body { font-family: Arial; color: black; } h1 { font-family: Verdana; } p { color: red; } </style> |
El color de <h1> es negro ya que es un hijo de body y heredó del mismo, sin embargo el párrafo se ha definido en color rojo.
La fuente de <h1> a pesar de que su padre utiliza la fuente Arial, pero la fuente para el párrafo es Arial, por ser una herencia de body.
¿Te gustó este artículo?
Si te gustó este artículo, te ha servido o aprendiste algo nuevo; compártelo en tus redes sociales o invítame un cafe.