假设我有以下标记:

<ul class="editor">
<li>
  <a href="#">Modules</a>
  <a href="#">View</a>
  <a href="#">Add</a>
</li>
<li>
  <a href="#">Sections</a>
  <a href="#">View</a>
  <a href="#">Add</a>
</li>
</ul>

如何将“view”和“add”浮动到右边,使右边的显示顺序与html相同?
现在如果我做了
.editor li a:nth-child(2), .editor li a:nth-child(3){
  float:right;
}

我要找一排看起来像:
Modules                           Add View

但我想要
Modules                           View Add

这可以通过CSS3吗?
编辑:
抱歉,我应该提到,我没有访问HTML的权限。只有CSS

最佳答案

文本将li右对齐,只在第一个a左浮动。

.editor li {
  text-align: right;
}
.editor li a:nth-child(1) {
  float: left;
}

我想你已经隐藏了默认的列表项目符号。

09-10 10:29
查看更多