nth-child sadece doğrudan çocuklarla nasıl kullanılır?

Question

Ben html aşağıda bu var ve bir diğer unsurları değiştiriliyor benim CSS ben yerine li .Hide değiştirilmesini her 5. Yorum kutusunun .CommentSection :nth-child(5n)

yazın. 'u sadece'a nasıl yapabilirim? Doğrudan çocuk (her zaman div class="comment") sayılır ve çocuklarına sayılır ve sayılmaz mı?

<div class="CommentSection"> 
    <div class="comment" id="c19"> 
    <ul> 
     <li class="username">a</li> 
     <li class="date">3/2/2010 6:14:51 AM</li> 
     <li class="link"><a href="http://localhost:1223/u/a#c19">Permalink</a></li> 
     <li class="flag">Flag</li> 
     <li class="Hide"><a href="http://localhost:1223/u?hide=1&amp;t=8&amp;c=19&amp;ret=/u/a">Hide</a></li> 
     <li class="delete">Delete</li> 
     <li class="reply">Reply</li> 
    </ul> 

    <div class="text"> 
     <p>asd</p> 
    </div> 
    </div> 
... 
</div> 

Answer 1

.CommentSection > :nth-child(5n) veya

Answer 2

.CommentSection .comment:nth-child(5n) bu deneyin:

.CommentSection > div.comment:nth-child(5n) 

Bu CommentSection doğrudan çocuğudur sınıf comment ile her 5. DIV seçecektir.

.CommentSection > .comment:nth-child(5n) { 
    […] 
} 

Bu ince de çalışması gerekir:

Answer 3

bu

.CommentSection .comment:nth-child(5n){ 
    […] 
} 

Ya da daha spesifik deneyin

.CommentSection > :nth-child(5n) { 
    […] 
}