看似错误的CSS正在被优先考虑

Question

我有一个问题，我的CSS标签似乎被给予更具体的CSS类我已包括，blue_link priorty。 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”。