我这里有这个 html
<ul>
<li><a href="#">home</a></li>
<li><a href="#">tours</a></li>
<li><a href="#">mission</a></li>
<li><a href="#">contact</a></li>
<li><a href="#">resources</a></li>
<li><a href="#">explorers</a></li>
</ul>
我试图取前三个并将其向左浮动在左列中,最后三个向右浮动。我无法让它工作,它们全部对齐并且没有以正确的顺序出现。我这样标记CSS:
li:nth-child(-n+3) {float: left;},
li:nth-child(n+4) {float: right;}
我错过了什么?谢谢!
编辑以添加 html 链接:这里是页面