看似错误的CSS被优先考虑

Question

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

任何建议都将不胜感激。

优先考虑的CSS：

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

所需课程：

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

HTML：

<td><a class="blue_link" href="profile/edit/<?php echo $profile_item['profile_id'] ?>">edit</a></td>

Answer 1

a.blue_link, a.blue_link:link, a.blue_link:visited  {
    color: #5299c3;
    text-decoration: none;
}

Answer 2

你的重要旗帜位置错误：

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

你可能也应该使用相同的伪类来保持一致性并摆脱“！important”。