不能改变一种颜色

Question

我需要更改一个链接的颜色。

我通常在管理a颜色时没有问题，但在这种情况下我不知道该怎么做。

这是链接的显示方式：

这是我在Safari或Chrome中检查元素时看到的样式：

如您所见，计算出的样式定义了正确的颜色，但链接仍然使用蓝色显示。如果我转到“计算样式”选项卡并选中“已访问”，颜色将变为正确。所以问题是默认的链接颜色。

html代码如下：

<div id="top-header">
<table id="top-header-table">
<tr>
<td id="icon"><i class="fa fa-th fa-2x"></i></td>
<td id="headings"><h1>Page Title</h1><h2>Subtitle</h2></td>
<td id="controls">
       <i class="fa fa-user-md"></i>Username<br/>
       <i class="fa fa-power-off"></i><a href="logout.php"> ESCI</a>
</td>
</tr>
</table></div>

CSS是：

table#top-header-table a {
    color: WhiteSmoke !important;
    text-decoration: none;
}

table#top-header-table a:visited {
    color: WhiteSmoke !important;
    text-decoration: none;
}

我做了数千次尝试。即使我向id元素添加a，我也无法更改其颜色。我只能使用内联样式更改其颜色。

是否有人可以解释问题所在？

我的页面中没有其他链接显示为蓝色。

修改。我添加了！重要的是建议但没有任何改变。

Answer 1

必须在某处被覆盖。查看开发工具中的“已计算”选项卡以查找。通常这是因为你在CSS文件的顶部定义了它，而在它下面的东西是它的标记。 CSS文件从上到下进行解释。

Answer 2

从你的形象判断，这个特定的部分是行为不端？

<i class="fa fa-power-off"></i><a href="logout.php"> ESCI</a>

fa或fa-power-off类可能会推翻你的造型。

为a类上的fa-power-off设置适当的样式。