我有一个wordpress网站，并且在标题菜单中有一个按钮，称为“以商人身份加入”。
它具有绿色边框和白色背景，文本为黑色。
当我将鼠标悬停在按钮上时，我希望按钮的背景变为绿色（颜色：＃25ad00），文本变为白色（颜色：#fff）。
我已将以下代码添加到自定义css仪表板：
body #menu-item-1847 a{
color:#000;
}
#menu-item-1847 a{
font-weight: 700;
border: 2px solid #25ad00;
border-radius: 5px;
padding: 2px 20px
}
#menu-item-1847 a:hover {
color: #fff;
background-color: #25ad00;
}
...但是现在当我将鼠标悬停在按钮上时，背景变为绿色，但文本仍为黑色：
我当时正在徘徊代码的问题所在，因为我认为
#menu-item-1847 a:hover {
color: #fff;
...将鼠标悬停在文本上时，会将文本的颜色更改为白色吗？
谢谢
这与您的DOM的CSS特定性有关，您可以在不添加！important的情况下使代码正常工作。
只需增加CSS的特异性即可。（分享您的HTML，我会用CSS专用性向您解释）
请阅读有关CSS特异性的信息。使用！important不是一个好习惯。这不是干净的代码。浏览这些文章。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句