CSS选择下一个和以前的元素[复制](CSS selector for next and previ

这个问题已经在这里有一个答案：

• 是否有一个“前一个兄弟”选择？ 15个回答

我如何个别指定列表元素，比如我想提出：

HTML：

<ul class="roundabout-holder">
    <li class="roundabout-moveable-item"></li>
    <li class="roundabout-moveable-item"></li>
    <li class="roundabout-moveable-item roundabout-in-focus"></li>
    <li class="roundabout-moveable-item"></li>
    <li class="roundabout-moveable-item"></li>
    <li class="roundabout-moveable-item"></li>
</ul>

CSS：

.roundabout-in-focus{
font-size:1em;
}

.roundabout-in-focus.prev(),
.roundabout-in-focus.next(){
font-size:.9em;
} 


.roundabout-in-focus.prev().prev(),
.roundabout-in-focus.next().next(){
font-size:.8em;
}

.roundabout-in-focus.prev().prev().prev(),
.roundabout-in-focus.next().next().next(){
font-size:.7em;
}

这意味着更远的.roundabout-对焦，较小的列表元素的字体大小。

Answer 1:

每一个兄弟可以用表示+ .roundabout-moveable-item ，但是有没有类似以前的兄弟姐妹 。

当你需要的款式相对于元素被指定为下一个和以前的元素.roundabout-in-focus ，你将不能够做到这一点使用其他技术，如:not(.roundabout-in-focus) 。 因此，你不能做到这一点使用纯CSS。

如果你正在使用jQuery，我敢基础上，假设.prev()和.next()在你的榜样符号，这应该是比较容易做到的。

文章来源: CSS selector for next and previous elements [duplicate]