0

テーブルのすべてのスタイルを削除するクラスが必要ですが、動作させることができません:

これは私がこれまでに試したことです：

<html>
   <head>
      <link type="text/css" rel="stylesheet" href="../../css/css1.css" media="all" />
      <link type="text/css" rel="stylesheet" href="../../css/css2.css" media="all" />
      <link type="text/css" rel="stylesheet" href="../../css/css3.css" media="all" />
      <link type="text/css" rel="stylesheet" href="../../css/css4.css" media="all" />
      <link type="text/css" rel="stylesheet" href="../../css/css5.css" media="print" />

     <style>
        .nostyle table, caption, tbody, tfoot, thead, tr, th, td {
          margin: 0;
          padding: 0;
          border: 0;
          outline: 0;
          font-size: 100%;
          vertical-align: baseline;
          background: transparent;
        }
     </style>

   </head>

   <body>
     <div class="nostyle">
        <table>
            <!-- more table properties -->
        </table>
     </div>
   </body>
</html>

これが機能しない理由がわかりません:/

私はコードを取得しました:テーブルの継承されたすべての CSS フォーマットを削除するには?

4

6 に答える 6

4

あなたは持っていますが#nostyle、そうあるべきです.nostyle。ピリオドはclasses、ハッシュタグはidsです。これらのスタイルをドキュメント内のすべてに適用する#nostyle table, caption, tbody, tfoot, thead, tr, th, tdには、 に置き換えます。*

于 2013-10-07T21:18:08.733 に答える
1

セレクターは具体的に を選択しますが.nostyle table、任意thのtdおよびその他を選択することに注意してください。これを修正するには、 のようになります.nostyle table, .nostyle caption, .nostyle tbody ...。

現在、CSS ファイルのいずれかに特定のセレクターがある場合、テーブル自体ではなく、各要素の一般的な CSS が無効になる可能性があります。

また、いくつかのアドバイスとして、FireBug または任意のブラウザーに組み込まれている開発者ツールを使用して、各要素にどのスタイルが存在するかを調べ、それらがどこから来たのかを読み取る方法を学びます。このような問題を自分で理解するのに本当に役立ちます。

于 2013-10-07T21:24:16.517 に答える
0

また、

div 'class="NoStyle"' を 'id="noStyle"' に変更します

また

css を次のように変更します。

.nostyle table, caption, tbody, tfoot, thead, tr, th, td { etc...

ID スタイルを class に適用しようとしています。. .

于 2013-10-07T21:18:57.220 に答える
0

おそらく、標準の CSS リセットの 1 つを使用することを検討する必要があります (ここで一般的なものを参照してください http://www.cssreset.com/ ) 。

最初にリンクされたスタイルシートとしてリセット ファイルを含めるだけです。

これらは、表のスタイル (ルールで見逃したものもあります) だけでなく、他の要素のスタイルも保持します。これにより、CSS に関して、より予測可能なクロスブラウザー開発エクスペリエンスが提供されます。

于 2013-10-07T21:18:10.297 に答える
0

必要なのは、特定のクラスがある場合にのみテーブルに適用される CSS ルールを作成することです。それ以外の：

table { ... }

使用する：

.table-styled {
     ...
}

.table-styled td {
     ...
}

したがって、スタイルをクリアする必要がある場合.table-styledは、テーブル要素のクラスを削除するだけです。

于 2013-10-07T21:23:17.080 に答える