假设我有以下标记:
<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;
}
我想你已经隐藏了默认的列表项目符号。