附加代码不适用于所有按钮

Question

当我来到这里时，我正在拼命学习，但被这个难住了......

我的 Additional CSS WP 面板中有这段代码：

.woocommerce #content input.button.alt:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page a.button.alt:hover, .woocommerce-page button.button.alt:hover, .woocommerce-page input.button.alt:hover

{

background: #930275 !important;

background-color: #930275 !important;

color:white !important;

text-shadow: transparent !important;

box-shadow: none;

border-color: #930275 !important;

}

但我的帐户按钮中只有一个部分表现正确，它们在悬停时都应该是这样的（粉红色，白色文本）：

但其中一些仍然看起来像这样：

谁能解释我做错了什么？

我认为我需要编辑的类是这些；

woocommerce-button 按钮视图 woocommerce-Button 按钮

谢谢你：D

更新：这是检查窗格的屏幕截图：

Answer 1

根据您的屏幕截图，以下应该可以工作。

另外，!important should not be used in CSS。如果以下方法不起作用，请尝试在选择器前面加上“body”（这样它就会变成“body .woocommerce-button.button”）。

.woocommerce a.button:hover {
   background: #930275;
   background-color: #930275;
   color:white;
   text-shadow: none;
   box-shadow: none;
   border-color: #930275;
}