Sélection d'un élément imbriqué à l'intérieur de plusieurs parents dans css

Question

Comment obtenir l'élément p parmi les éléments suivants? J'essaye de réinitialiser la propriété de couleur (en la mettant fondamentalement à aucun ou quelque chose à ce degré) pour cette étiquette de p spécifique. Toute aide est appréciée.

<div class="a"> 
    <ul class="b"> 
    <li class="c"> 
     <p> 
     <a class="d" href="#"> my text </a> 
     </p> 
    </li> 
    </ul> 
</div> 

Answer 1

.a ul.b li.c p { 
    color: //some color 
} 

mais a par défaut aura la couleur bleue, de changer cette

.a ul.b li.c p a { 
    color: //some color 
} 

si vous voulez qu'il change pas de couleur sur le vol stationnaire et se concentrer ensuite

.a ul.b li.c p a, .a ul.b li.c p a:hover, .a ul.b li.c p a:focus { 
     color: //some color 
    } 

Answer 2

.c > p ferait

moins qu'il y ait plusieurs p balises et que vous souhaitez cibler l'un

spécifique, vous pouvez utiliser .c > p:nth-of-type(n) où n est le numéro de l'élément p dans le balisage.

body { 
 
    color: green 
 
} 
 

 
.c>p { 
 
    color: red 
 
} 
 

 
.c>p:nth-of-type(2) { 
 
    color: blue 
 
}

<div class="a"> 
 
    Class .a 
 
    <ul class="b"> 
 
    Class .b 
 
    <li class="c"> 
 
     <p> 
 
     first Class .c 
 
     <a class="d" href="#"> link in first class .c </a> 
 
     </p> 
 
     <p> 
 
     second Class .c 
 
     <a class="d" href="#"> link in second class .c </a> 
 
     </p> 
 
    </li> 
 
    </ul> 
 
</div>