specificity - selectores css3
¿Qué hace la palabra clave heredada en CSS? (2)
No voy a plagiar la buena explicación en sitepoint.com, así que simplemente daré la url aquí:
¿Alguien puede explicar, por favor, cuál es la palabra clave heredada que se debe hacer en CSS?
Utilizará el mismo valor que la misma propiedad que tiene su padre.
html:
<body>
<h1></h1>
</body>
css:
body{
margin: 234px;
}
h1{
margin: inherit; #=234px
}
Tenga en cuenta que si hay varias instancias de <h1> en el archivo, tomará el margen de su padre. Entonces 234px no es siempre el valor que tendrá. Por ejemplo
html:
<body>
<h2></h2>
<div>
<h2></h2>
</div>
</body>
css:
body{
margin: 20px;
}
div{
margin: 30px;
}
h2{
margin: inherit; #20px if parent is body; 30px if parent is div
}