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

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を探求する必要がある、とあなたに焦点を当てるかもしれない一つのことは、クラスです。スタイルの「クラス」を作成し、それを表のような特定のHTML要素に適用し、「平ら」にしたい別の表に影響を与えないようにすることができます。

.foo { 
    border : 1px solid black; 
} 

その後、あなたのHTML要素にそのクラスを適用します。問題にアプローチする

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

もう一つの方法は、セレクタです。

Answer 4

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

テーブル内の全体的なスタイル設定をオーバーライドすることは簡単ですが、確かに可能です。あなたはあなたが望むスタイルについて明示する必要があります。

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