CSS 翻转 1 个 div 和另一个 div 变化

Question

我的客户想要的是，当您将鼠标悬停在浅橙色上时，它会变成深橙色，这很容易，但是当您到达按钮的中心并将鼠标悬停在深橙色上时，它会变成浅橙色(这是我遇到的困难..请指教

<a href="#"><div class="buttonblue">
<div class="buttontitle">local businesses</div>
<div class="buttonaction_blue">NEXT</div>
<div class="buttonsmallprint">Leverage online</div>
</div></a>

CSS

.buttontitle { 
 font-family: 'BebasNeueRegular', Arial, sans-serif;
 letter-spacing: 0;
 padding:4px 0px 4px 0px;
 font-size:36px; 
 color:#fff;
 text-align:center;
 } 
 .buttonaction_blue:hover
  {
    background-color:#418dc7
  }  
  .buttonaction_blue 
 {
  width:355px; 
  margin:0 auto;
  background-color:#4795d1;
  -webkit-border-radius: 2px; 
  -moz-border-radius: 2px;
  border-radius: 2px;
  font-family: 'Oxygen', sans-serif; 
  font-size:32px; 
  text-align:center;  
  color:#fff;
  padding:10px 0px 10px 0px; 
  }  

Answer 1

看起来你只是想堆叠:悬停在 div 上:

http://jsfiddle.net/tSZ2u/1/

.buttonaction_blue:hover {
     background-color:#5BCAE9
}

.buttonblue:hover {
     background-color: #4795d1;
}

如果向 bluebutton 和 buttonaction_blue 添加悬停可以解决问题，那就太好了。如果不是，则元素的父级没有 CSS 选择器(此时)。您需要使用 .parent() 查看一些 jQuery:http://api.jquery.com/parent/