为相同类的邻居li提供自定义样式（活动）

Question

我试图为具有相同类的邻居项目提供自定义样式，这是jsfiddle上的示例

我尝试了这段代码，但是这给了第二个，而不是第一个或中间的项目..

ul li.active+li.active div {
    border-radius: 0 50% 50% 0;
}

第二行描述了我想要做的事情，如果有超过2个活动项目则相同的想法。 我怎么能用css做到这一点！

Answer 1

选择器级联的CSS的本质是，选择器只能用于识别＆＃39;下面的元素。或跟随引用的节点。

唯一可用的兄弟选择器是+（紧接着兄弟姐妹）和~（跟随兄弟姐妹），你不能选择前一个或父元素。

如果您希望同时选择前面和后面的元素，则需要求助于jQuery的

$('.active').prev('.active')和$('.active').next('.active')