通过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 { color: black !important; }

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

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