0

すべてのテーブル要素（、、など）にCSSアイテムがあり<table>ます<tr>が、CSSを適用したくないテーブルが1つあります。

このテーブルを生のHTMLテーブルとして表示し、CSSフォーマットを適用しないようにする最も簡単な方法は何ですか。

また、CSSファイルには次のようなものがあります。

 table td 
 {
   padding: 5px;   
   border: solid 1px #e8eef4;
 }

 table th
 {
   padding: 6px 5px;
   text-align: left;
   background-color: #FFFFFF; 
   border: solid 1px #e8eef4;   
 }

複数のテーブル形式が必要な場合はどうすればよいですか？

4

2 に答える 2

3

クラスを使用して、いくつかの異なるスタイルを定義する必要があります。例：

// global table styles - will be applied to all tables
table td
{
  background-color: green;
}

// styles for tables with class "style1"
table.style1 td
{
  border: solid 1px red;
}
table.style1 th
{
  ...
}

// styles for tables with class "style2"
table.style2 td
{
  border: solid 1px blue;
  background-color: white;
}

次に、そのスタイルを適用するテーブルにクラス属性を設定します。

<table class="style1"><tr><td> red border, green background </td></tr></table>

<table class="style2"><tr><td> blue border, white background </td></tr></table>

<table><tr><td> default border, green background </table>

ここで、style1は最初のテーブルのTDに適用され、style2は2番目のテーブルのTDに適用されます。

グローバルスタイル（クラス名なし）は、一致するすべての要素（TDなど）に適用されますが、これらのスタイルは特定のスタイルでオーバーライドできます（background-colorで示されているように、グローバルに緑色に設定されていますが、style2ではオーバーライドされます）。 。

ところで：CSSに関するチュートリアルについては、http：//w3schools.com/css/をご覧ください。

于 2009-07-21T11:15:42.600 に答える
0

フォーマットするテーブルのクラスを使用します。例えば

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

ここで、css側で、次のように正しいフォーマットを定義していることを確認してください。

table.myformat th {
    color: red;
}

table.myformat td {
    color: green;
}

プロパティを持つテーブルにclass="myformat"はフォーマットがあります。そうしないもの。このアプローチを使用すると、さまざまなテーブル形式をさまざまなクラスとしてさらに作成し、それらをさまざまなテーブルに適用できます。

于 2009-07-21T11:15:10.837 に答える