Css 当div悬停时，如何影响上面的元素？

我做了，但没有给我带来好运。我试图在下一个元素悬停时更改div的颜色，但我做不到。我有这样的HTML结构：

  <div class="ms-parent">
      <button type="button" class="ms-choice"></button>
      <div class="ms-drop"></div>
  </div>

---

因此，当.ms drop悬停时，我希望.ms choice更改其样式。这里缺少什么？

CSS中没有上一个元素选择器。您可以使用+选择下一个直接同级元素，也可以使用~选择下一个所有同级元素

请记下来，我接下来提到过，因为现在没有以前的选择器。希望这将引入CSS4。您可以使用jquery来实现这一点。否则，如果您想在CSS中执行此操作，则需要更改HTML结构，如下所示

 <div class="ms-parent">
  <div class="ms-drop"></div>
  <button type="button" class="ms-choice"></button>      
 </div>

或

---

css中没有父选择器，如果没有JavaScription，您无法执行此操作@gaurav5430的可能重复项我想您没有检查我提供的链接是的，似乎我没有检查您问题中的链接。。。但是看起来你已经通过了这个链接。。。那么您现在是否清楚，在css中可能不可能做到这一点？这就是为什么我要求thoWell解释这一点。

 <div class="ms-parent">
  <div class="ms-drop"></div>
  <button type="button" class="ms-choice"></button>      
 </div>

 .ms-drop:hover ~ .ms-choice{ color:#000000!important; background: #ffffff; }   

 .ms-drop:hover + .ms-choice{ color:#000000!important; background: #ffffff; }