Question

请参阅以下图片：

我在表格中为我的锚标签定义了CSS颜色（＃000000）。但是这种颜色被#content（＃50922c）的颜色值覆盖。我该如何解决这个问题？

Answer 1

前置#content：#content table.grid thead tr.navigation td div.navigator a {}

其中包含ID的选择器优先级高于没有ID的选择器。锚点是由这两个规则选择的，因此第二个规则就像第一个规则一样，但是更详细，增加了更多的特异性，从而提高了优先级。

请参阅CSS specification on specificity，了解如何计算优先顺序。

Answer 2

试试这个：

<style>
  .mycolor {color:#000000 !important};
</style>

<a href="whatever.html" class="mycolor">Hello There</a>

!importnat declaration会覆盖当前的所有css规则。