2.

Herencia
y selectores
DMII - UADE
Binelli
 </code>
https://codepen.io/antobine/pen/
jOqPvRJ
Padre -> hijo

Los padres brindan contexto.

<section>

<div> <div> <div>

Herencia

Los hijos heredan algunas propiedades de sus

elementos padres.

border-collapse font-style speak

border-spacing font-variant stress
caption-side font-weight
text-align
color letter-spacing
text-indent
cursor line-height
text-transform
direction list-style-image
visibility
elevation list-style-position
empty-cells list-style-type white-space
font-family list-style widows
font-size quotes word-spacing
Selectores
---- {
margin: auto;
width:900px;
}
Cascada
Cascada
 ¿Cómo decide el
navegador?
¿Por qué algunas propiedades son más importantes que otras?
CSS
Especificidad de selectores
 </code>
La especificidad es la manera mediante la
cual los navegadores deciden qué valores de
una propiedad CSS son más relevantes para un
elemento y, por lo tanto, serán aplicados.
La especificidad está basada en las reglas
de coincidencia que están compuestas por
diferentes tipos de selectores CSS.
CSS
Otros factores
Importancia

* {
font-family: "Comic Sans MS" !important;
}
CSS
Otros factores
Orden en las fuentes
 </code>
Corregir orden de selectores y utilizar herencia
para reducir el código CSS

https://codepen.io/antobine/pen/
GRZJXwy
 1. top

4. left 2. right

3. bottom