看似错误的CSS被优先考虑

看似错误的CSS被优先考虑,css,Css,我遇到了一个问题,我的CSS for td标签似乎比我包含的更具体的CSS类blue_link更重要。blue_链接类出现在样式表的底部,我已经在Chrome的元素检查器中确认了优先级问题 如有任何建议,将不胜感激 优先考虑的CSS: td a:link, td a:visited { color: #333; text-decoration: none; } 所需类别: a.blue_link { color: #5299c3; !important text-decoration: no

我遇到了一个问题,我的CSS for td标签似乎比我包含的更具体的CSS类blue_link更重要。blue_链接类出现在样式表的底部,我已经在Chrome的元素检查器中确认了优先级问题

如有任何建议,将不胜感激

优先考虑的CSS:

td a:link, td a:visited {
color: #333;
text-decoration: none;
}
所需类别:

a.blue_link  {
color: #5299c3; !important
text-decoration: none;
}
HTML:


您的重要标志位于错误位置:

a.blue_link  {
color: #5299c3 !important; 
text-decoration: none;
}

您可能还应该应用相同的伪类以保持一致性,并去掉“!important”。

谢谢@james我之前尝试了:链接,但知道它没有意义。这么简单。
a.blue_link, a.blue_link:link, a.blue_link:visited  {
    color: #5299c3;
    text-decoration: none;
}
a.blue_link  {
color: #5299c3 !important; 
text-decoration: none;
}