覆盖嵌套的内联样式

Question

我试图在表格中设置一个链接，但我之前从未真正处理过覆盖内联CSS。

代码

<td class="playertableData">
     <a href="" content="ajax#/ffl/format/pvopop/summary?leagueId=409279&amp;positionId=4&amp;playerId=70419&amp;seasonId=2017" class="flexpop" instance="_ppc" style="text-decoration: none; cursor: pointer;">
         <span style="color:green">26th</span>
     </a>
</td>

还有另外一个与color: red一样的。我看了一些关于覆盖的其他主题，但我看到的并没有涵盖这样的情况，至少不是我读过的。提前谢谢。

（供参考，看起来像this。）

Answer 1

在css中

  

!important 更改了css级联的覆盖优先级规则。

.playertableData > a > span{color:red!important;}

中的

$(".playertableData > a > span").css({ color: 'red' });

Answer 2

您可以像这样使用！important ：

span{
    color:red!important;
}