Html css调整以前的同级属性

当第一个同级有悬停状态时，我试图调整前一个同级。我在这里举了一个例子。我试图让它保持在100%的视窗宽度，并将你悬停的div调整为60%，将另一个子项调整为40%

这将得到下一个兄弟，但我找不到一个好方法来获得前一个当第一个有悬停

&:hover
  width 60%
  + div
     width 40%

---

没有CSS选择器返回HTML树（层叠样式表） )

对于这种情况，您可以在悬停父项时将每个

div

设置为

40%

，在悬停父项并悬停

div

时将每个

div设置为
60%
：

.two-selection:hover div
      width 40%    

.two-selection:hover div:hover
      width 60%

css中没有以前的选择器，我建议使用JS来执行此操作。您无法获得css中以前的同级。您必须使用Javascript。优雅的解决方案。