:nth-​​child(3n):在cleafix无法在CSS中工作之后

Question

你好我在那里尝试了以下我认为应该是有效的CSS,它不起作用(用谷歌Chrome测试).

<ul>
<li><a href="...">bla</a></li>
<li><a href="...">bla</a></li>
<li><a href="...">bla</a></li>
<li><a href="...">bla</a></li>
<li><a href="...">bla</a></li>
</ul>

CSS:

ul li {
    float:left;
}

ul li:nth-child(3):after {
    content:"";
    display:table;
    clear:both;
}

浮动列表元素应在响应式设计中的列表中的每个第三个元素之后开始一个新行.你有解决方案的建议吗？这不应该工作吗？

Answer 1

请按以下方式申请.

 ul li:nth-child(4n) {clear:both;}

DEMO