[Resuelto] -Duda sobre Especificidad

Avatar

Especificidad.

Estuve probando especificidad y ocurre que el resultado esperado (color: green)no se aplico. Hay algo que no estoy tomando en cuenta ?

.html

<div id="main">
    <article class="post">
      <p>Hola</p>
    </article>
  </div>

.css

#main {color: green;}
.post  {color: red;}
Avatar

Se esta aplicando el color red porque el elemento p es hijo directo de article, por lo tanto se aplica el estilo de la clase por herencia.

Si quieres hacer pruebas de especificidad has pruebas sobre el mismo elemento, por ejemplo:

<div id="main" class="post">
    <article>
      <p>Hola</p>
    </article>
  </div>
Necesitas iniciar sesión para responder.