dataTablesのリンクスタイルを変更しました

Question

dataTablesのアクティブな行を強調表示する次のCSSクラスハンドルが見つかりました。このような結果生産

.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要素を選択することができている一つのこと。コンテンツに基づいてコンテナを選択する方法はありません。コンテナにクラスを追加し、そのように選択する必要があります。

Answer 2

使用このコード：

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