CSS滚动1个div和另一个div更改

我的客户想要的是，当你将鼠标悬停在浅橙色上时，它会变为深橙色，这很容易，但当你到达按钮的中心并将鼠标悬停在深橙色上时，它会变为浅橙色（这是我很难处理的问题..请给出建议

<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>

你说

"What my client wants is when you hover over the light orange it changes to the dark orange"

如果您想将浅橙色（在您的示例中为蓝色，即提供的）更改为暗橙色，而暗橙色没有更改，则更换此选项

.buttonaction_blue:hover
{
background-color:#418dc7
} 

与

或者，如果您想要浅橙色（在您的示例中为蓝色，即提供的）更改为深橙色，而深橙色更改为浅橙色，则只需添加此项

 .buttonblue:hover
{
background-color:#418dc7;
} 

---

看起来您只是在尝试堆叠：悬停在divs上：

---

如果将鼠标悬停添加到bluebutton和buttonaction_blue都可以解决这个问题，那就太好了。如果没有，则项目的父项（此时）没有CSS选择器。您需要使用.parent（）查看一些jQuery:

显示您到目前为止所做的工作。Live example。[链接]蓝色的对我来说很好，但橙色的没有翻滚。你的问题是关于橙色的，你提供了蓝色的代码。哦，我的糟糕…无论哪种方式，他们都需要做些什么…解决方案对任何一个都是一样的…将橙色的剪下来…蓝色的我希望支架在你翻滚时改变颜色buttonaction div…有可能吗？啊，这正是我想做的…但是当我到达中间div时，有没有办法让保持架切换颜色，使其为纯浅蓝色？不幸的是，你需要使用一些jQuery来实现这一点--CSS中没有父选择器（.buttonblue<.buttonaction_blue或.buttonaction_blue:父项不存在）。不过，您可以编写一些代码来使用jquery中的.parent选择器。

.buttonblue:hover
{
background-color:#5BCAE9;
} 

 .buttonblue:hover
{
background-color:#418dc7;
} 

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

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