更改dataTables中的链接样式

Question

我发现以下CSS类处理高亮显示dataTables中的活动行。

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #337ab7;

}

产生如下结果：

最左边的列是一个链接，人们可以看到它如何干扰我的链接样式。目前链接是默认的蓝色，我想将其更改为白色。是否可以在此课程中直接设置我的链接样式？

Bob Rhodes产生了正确的答案。

.table > tbody > tr.active > td > a {color: white}

再次感谢。

Answer 1

您需要创建一个具有更大或相同特异性的选择器（如果您在页面中的datatables.css下面引用CSS文件，则相同）。您可以使用的一个很好的工具是CSS specificity calculator。

我不确定您为什么要将链接从蓝色更改为白色，因为它的背景很浅，很难看到。但这样做会：

.table > tbody > tr.active > td > a {color: white}

现在，您可以不做的一件事是根据它包含链接的事实选择td元素。 CSS中没有办法根据内容选择容器。您必须向容器添加一个类并以这种方式选择它。

Answer 2

使用此代码：

.table > tbody > tr.active a{color: #fff;}