css - 将最后 2 个 li 元素推到右边

Question

如果我想保持第一个 li 的位置，但我想将第二个和第三个 li 推到最右边怎么办，所以我正在努力实现这一目标:

到目前为止，我有以下内容:

Fiddle

HTML:

<div class=" ">
<ul class="container">
    <li>Link One</li>
    <li>Link Two</li>
    <li>Link Three</li>
</ul>
</div>

CSS:

.container {
    width: 300px;
    list-style-type: none;
    background-color: yellow;
}

.container li {
    width: 30px;
    display:inline;
    background-color: cyan;
}

Answer 1

.container li+li{
    float: right;  
    margin-left: 5px;
}

使用 + 选择器，您可以得到所有直接跟在另一个 li 之后的 li。

这将导致第一个列表点之后的所有元素都在右侧。

http://jsfiddle.net/LqLFt/4/