Wählen Sie die Elternklasse innerhalb der gleichen Klassennamen

Question

Wenn ich "nth-of-type (1)" Selektor, wählen Sie alle von ihnen. Wie kann ich nur Eltern div auswählen?

Dank

<div class="parent_div"> 
    <div class="parent_div"></div> 
    <div class="parent_div"></div> 
    <div class="parent_div"></div> 
</div> 

Answer 1

Sie sollten Richtlinie übergeordneten Container in Ihre Wähler und verwenden direct child selector > umfassen:

.container > .parent_div:nth-of-type(1) { 
 
    border: 1px red solid; 
 
}

<div class="container"> 
 
    <div class="parent_div"> 
 
     <div class="parent_div"></div> 
 
     <div class="parent_div"></div> 
 
     <div class="parent_div"></div> 
 
    </div> 
 
</div>