Änderung des Verknüpfungsstils in Datentabellen

Question

Ich habe die folgenden CSS-Klassen-Handles gefunden, die eine aktive Zeile in Datentabellen hervorheben.

.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; 

} 

ein Ergebnis wie das Produzieren:

Die Spalte ganz links ist ein Link, und man kann sehen, wie dies mit meinem Link Styling stört. Derzeit sind Links die Standard-Blau, ich möchte es in Weiß ändern. Ist es möglich, meine Links direkt in dieser Klasse zu stylen?

Bob Rhodes produzierte die richtige Antwort, die daraus resultierte.

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

Nochmals vielen Dank.

Answer 1

Sie benötigen einen Selektor zu erstellen, die größer oder gleich Spezifität (gleich, ob Sie Ihre CSS-Datei unter datatables.css in Ihrer Seite verweisen). Ein nettes Werkzeug, das Sie verwenden können, ist diese CSS specificity calculator.

Ich bin nicht sicher, warum Sie Ihre Verbindung von Blau zu Weiß ändern möchten, da es auf einem sehr hellen Hintergrund ist und schwer zu sehen sein wird. Aber dies wird das tun:

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

Nun, eine Sache, die Sie können nicht tun ist, wählen Sie ein td Element basiert auf der Tatsache, dass es einen Link enthält. In CSS gibt es keine Möglichkeit, einen Container basierend auf seinen Inhalten auszuwählen. Sie müssten dem Container eine Klasse hinzufügen und sie auf diese Weise auswählen.

Answer 2

Mit diesem Code:

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