1

私は、サイト全体がすべての要素で 100% 幅の非常に煩わしいテーブル構造で構築されている他の誰かのコードを使用してい<td>ます...時間があれば、ここでこれを尋ねずに、単に全体を書き直します、しかし、かなり大きなサイトであり、書き直すのに数週間かかるため、jquery プラグインのデータテーブルが必要です。ただし、メインのスタイル定義のエントリにより、#container td { width: 100%; padding: 0; }テーブル全体が完全にめちゃくちゃです:-(

<table id="exception">それで...これらの設定を無視し、代わりにデータテーブルに付属するものを使用する必要がある場合を除いて、CSSにこれらのデフォルト定義をすべてのテーブルで使用させる方法はありますか?

問題は優先度です-データテーブルにはtable.dataTable td { padding: 3px 10px; }たとえばコードがあり、#container td優先度があるため無視されます...

繰り返しますが、現時点では元のサイト構造をいじることはできません。一部のアイテムのデータテーブルCSSを編集できますが、データwidth: 100%テーブルが独自の定義を実装できるように、この1つのテーブルのものを削除する必要もあります...

このサイトの 1 つのページに jQuery を使用しているので、それを使用してこれらの定義をクリアできるかもしれませんが、データテーブルによって設定された定義もクリアされます...

考え(「テーブルを使用しないでください」以外)?

4

3 に答える 3

0

試しました!importantか?

table.dataTable td { width: auto !important; }

別の方法は、より具体的なセレクターを作成することです。

#container table.dataTable td { width: auto; }

どちらがより具体的であるべきか#container td

于 2013-07-02T15:58:31.133 に答える