css - 特定のテーブルからスタイルを外す方法はありますか？

Question

テーブルのスタイルを設定するcssファイルがありますが、別のスタイルを使用したいテーブルが1つありますか、それともスタイルがありませんか？私が何かをすることができる方法はあり<table style="no-style">ますか？それからそれは明白でCSSを無視しますか？

調べてみましたが、関連するものが見つかりません！

Answer 1

CSSファイルのテーブルプロパティにクラス定義を使用します。必要なときはいつでも、クラスプロパティとともに使用してください。

CSS

table.myClass {
...
}

HTML

<table class="myClass">...</table>
<table class="anotherTableWithAnotherClass">...</table>

Answer 2

CSSはカスケードスタイルシートであり、要素のスタイルを設定するだけです。何も操作できません。JavaScriptを使用する必要があります。

私が知っている最善の方法は、さまざまなスタイルにCSSクラスを使用することです。そして、javascriptを使用してそれらを切り替えたり削除したりします。

Answer 3

CSSをより深く探求する必要があり、焦点を当てる可能性のあるものの1つはクラスです。スタイルの「クラス」を作成し、それをテーブルなどの特定のHTML要素に適用して、「プレーン」のままにしておきたい別のテーブルに影響を与えないようにすることができます。

.foo {
    border : 1px solid black;
}

次に、そのクラスをHTML要素に適用します。

<table class="foo">
    ...
</table>

問題に取り組む別の方法は、セレクターを使用することです。

Answer 4

いいえ、そのようにスタイルを削除することはできません。CSSには、「この特定の要素内に私のスタイルを適用しないでください」と言う方法はありません。オーバーライドできるのはスタイル設定のみです。たとえば、* { color: red }スタイルシートのような設定がある場合（ばかげた例）、特定の要素を除外してブラウザにデフォルトの色を適用させるルールを追加することはできません。ただしtable#foo * { color: black; }、テーブル内のすべてのテキストをid=foo黒色にするように設定できます。

テーブル内の全体的なスタイル設定をそのようにオーバーライドすることは簡単ではありませんが、確かに可能です。必要なスタイルについて明確にする必要があります。「ブラウザのデフォルトを使用する」とは言えません。</p>

ただし、ある意味では間接的な方法がありますが、それはめったに良い考えではありません。テーブルを別のドキュメントに配置し、iframe要素を介して埋め込むと、埋め込み用に指定されたCSSコードに従ってテーブルが表示されます。ドキュメント、埋め込みドキュメントのスタイルシートとはまったく関係ありません。極端な場合、埋め込みドキュメントにCSSコードを指定しない場合、ブラウザのデフォルトに従って表示されます（ただし、サブウィンドウ内、インラインフレーム、埋め込みドキュメントによって設定されたサイズ）。