html - 如何使用只有直接 child 的第 nth-child？

Question

我有下面的 html，在我的 CSS 中我写了 .CommentSection :nth-child(5n)

li .Hide 不是每第 5 个评论框被更改，而是被更改为其他元素。我如何做到仅直接子级(总是div class="comment")被计算并应用于而不是计算其子级？

<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

.Comment Section > :nth-child(5n) 或 .Comment Section .comment:nth-child(5n)