更改链接悬停颜色通过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; }

规则没有被应用，因为还有另外一个重要的规则集！

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