0

ページの1つにインポートされている外部CSSファイルがあります。この外部CSSは、HTMLタグにスタイルを割り当てます。例えば、

table {
    width: 100%;
    font-size: 3em;
    // long list of CSS styles
}

tr {
    width: 100%;
    font-size: 3em;
    // long list of CSS styles
}

単一のテーブルに対してこれらの外部CSSスタイルをオーバーライドする最良の方法は何ですか？たとえば、テーブルがあり、これらの外部スタイルをテーブルに配置したくない場合、どうすればよいですか？

ありがとう。

編集-明確にするために、「CSSスタイルの長いリスト」には何百ものスタイルがあります。これまでの回答のほとんどは、提供されたCSSをオーバーライドすることを示唆しています。何百ものスタイルすべてをオーバーライドする必要がありますか？

4

5 に答える 5

2

オーバーライドする他のCSSの後に独自のCSSをロードします。最後に読み取ったルール（同じレベルの特異性の場合）が優先されます。必要な/必要な特定のルールをオーバーライドするだけでよく、すべてではありません。

于 2012-08-30T20:28:27.810 に答える
0

テーブルでインライン スタイルを使用できます。

<table style='width:90%'>
<tr style='font-size: 4.4em'>

または、外部ファイル内のテーブルに別のクラスを設定するか、これらのスタイルを含む別の .css ファイルを作成します

.otherTable{
    width: 90%;
    font-size: 2.3em;
    // long list of CSS styles
}

そしてあなたのhtmlで、

<table class='otherTable'>
于 2012-08-30T20:29:12.267 に答える
0

css外部ファイルの直後に必要に応じて書き直す必要があります。次の順序でロードします。

http://www.externalserver.com/styles.css
css/general.css

次に、Web サイトのテーマに合うスタイルを適用します。

于 2012-08-30T20:30:41.483 に答える
0

j08691 が述べたことに加えて、CSS の有効化に問題がある場合は、セミコロンの前に「!important」というフレーズを追加して、他の設定を上書きするようにしてください。

http://webdesign.about.com/od/css/f/blcssfaqimportn.htm

于 2012-08-30T20:34:16.263 に答える
0

怠け者で、その特定のページに JavaScript を走り書きしてください。

これに関するSO Q / Aは次のとおりです。

https://stackoverflow.com/a/196038/1617149

または、DOM ロードなど、ページがレンダリングされる前に jQuery/Prototype で実行できます。

于 2012-08-30T21:12:41.057 に答える