css - 通过 css 更改链接悬停颜色

Question

我已在网站的其他部分对此进行了更改。但出于某种原因，此页面上没有任何效果。

相关页面的链接是: http://mb.cholentmt.com/update/index.php/games/event/739-test-tyes

我想在悬停时将以下文本更改为黑色:

• 德克斯特公园
• 篮球

我在我的浏览器调试器中尝试了以下 CSS 代码但没有任何效果:

ul.rstpl_event_inner_details a:hover, 
    ul.rstpl_event_inner_details a:active, 
        ul.rstpl_event_inner_details a:focus 
{
    color: black !important;
}

Answer 1

这条规则应该有效:

#rs_event_show .rstpl_event_inner_details a:hover { 颜色:黑色!重要； }

该规则未应用，因为还有另一个!important 规则集。

为了覆盖它，您必须使您的规则更具体。您可以在 MDN 获得有关特异性的更多信息。 .