データ型を上書きするcss

Question

私はネイティブcssでdatatablesを使用していますので、膨大な時間を節約できます。私がしたいことは、自分のCSSで特定の要素をオーバーライドすることですが、データテーブルが提供するすべてのものを保持しています。

ここに私が試したことはありますが、うまくいかないことがあります。私はここで欠けているものがあると確信していますので、私をturorialや何かを指すように自由に感じてください。しかし、私はdatatablesフォーラムとgoogle成功なし。

//Links to DataTables css and js 
<link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/ju-1.11.4/jqc-1.12.4/dt-1.10.13/fh-3.1.2/datatables.min.css"/> 
<script type="text/javascript" src="https://cdn.datatables.net/v/ju-1.11.4/jqc-1.12.4/dt-1.10.13/fh-3.1.2/datatables.min.js"></script> 

//This is my own css class 
table.mycss tr.odd { background-color: red; } 
table.mycss tr.even { background-color: green; } 

//This is how the styles are applied to the table 
echo "<table id='hof-table' class='dataTable display cell-border mycss' cellspacing='0' width='100%'>"; 

Answer 1

この問題は、ルールが宣言されている詳細のレベルの違いによって発生している可能性があります。

あなたはtable.mycss tr.oddを定義していますが、リモートのDataTableスタイルシートで検索した場合、あなたははるかにdetaildルール（​​のようなもの）でtr.oddが表示されますの最初の出現は、このように高い優先順位がそのルールに割り当てられていることがわかります。

ルールをより具体的にするか、あまりにも難しい場合は、ルールに!important句を追加してください。しかし、これはお勧めの方法ではありません。なぜなら、他の誰かによって行われた場合、将来の編集をより複雑にするからです。

hereは、CSSルールの特異性を計算する簡単な方法を示しています。