¿Cómo utilizar el enésimo hijo con solo hijos directos?

Question

tengo esta por debajo del html y en mi CSS escribo .CommentSection :nth-child(5n)

lugar de que cada caja de comentarios quinta ser cambiado li .Hide se está cambiando una otros elementos. ¿Cómo hago tan sólo se los hijos directos (siempre div class="comment") se cuentan y se aplica a, y no contando sus hijos?

<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) o .CommentSection .comment:nth-child(5n)

Answer 2

Prueba esto:

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

Esto seleccionará cada 5 DIV con el comentario clase que es un hijo directo del CommentSection.

Answer 3

Prueba este

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

O más específico:

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

Esto debería funcionar bien, así:

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