Me encuentro aprendiendo CSS y tengo una duda en un selector si pudieran iluminarme un poco se los agradecería.
Procedo con el código para que le echen un vistazo:
/* Esto es un selector descendiente */
div .pdescendiente{
background-color: yellowgreen;
}
<div>
<p class="pdescendiente">Esto es un párrafo dentro de un div</p>
<h1>Esto es un h1 dentro de un div</h1>
<p>Este es otro p dentro de un div junto con un Lorem ipsum dolor sit, amet consectetur adipisicing elit. Ipsa, impedit harum ipsam consectetur voluptatum optio doloremque? Laboriosam accusantium rem similique quidem sequi nisi, repellendus quisquam dicta delectus eligendi culpa ipsa!</p>
</div>
<!-- Tenemos el mismo párrafo, con la misma clase pero este no se
pinta por que estamos utilizando un selector descendiente para
el otro-->
<p class="pdescendiente">Esto es un párrafo fuera de un div</p>
Mi duda es: ¿Qué pasaría si yo tuviera otro div, cómo identificaría el código css al div adecuado?, o ¿Lo hace mediante la clase siguiente?, en mi caso .pdescendiente
. O en ese caso ¿Debería agregar un id o clase al div?.
De ante mano muchas gracias.