css - 看似错误的 CSS 被优先处理

Question

我遇到一个问题，我的 td 标签的 CSS 似乎优先于我包含的更具体的 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;
}