同じクラス名内の親クラスを選択

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>