从悬停事件

Question

我想从收到悬停事件的元素中选择n个元素。这在CSS中是否可行？

E.g。在下面的示例中，我可以编写CSS来从重新启动悬停事件的项目中选择接下来的两个项目吗？

<div class="row">
 <div class="col-md-1 item"></div>
 <div class="col-md-1 item"></div>
 <div class="col-md-1 item"></div>
 <div class="col-md-1 item"></div>
</div>

我试过了：

.item:hover:nth-child(n + 2) {
    background-color: green; 
}

然而，这没有达到预期的效果......

谢谢！

Answer 1

使用直接同级选择器（+）

.item:hover + .item,
.item:hover + .item + .item {
    background-color: green; 
}

示例：http://codepen.io/anon/pen/jPGoYw