Выберите родительский класс в тех же именах классов

Question

Если я использую селектор «nth-of-type (1)», выберите его все. Как я могу выбрать только родительский div?

Благодаря

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

Answer 1

Вы должны включить директиву родительского контейнера в ваш селектор и использовать direct child selector >:

.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>