我有下面的 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&t=8&c=19&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>
最佳答案
.Comment Section > :nth-child(5n)
或 .Comment Section .comment:nth-child(5n)
关于html - 如何使用只有直接 child 的第 nth-child?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2363037/