0 
<style type="text/css">
table
{
border-collapse:collapse;
}
table, td, th
{
border:1px solid green;
}
th
{
background-color:green;
color:white;
}
</style>

これを、他のテーブルもある html ページ内の単一のテーブルにのみ適用したいと考えています。これらのテーブルにこのスタイルを適用したくありません。
私が求めていることを本当に実行できますか?
はいの場合、参考になる回答を提供してください。

4

5 に答える 5

4 
<style type="text/css">
table.myTable
{
border-collapse:collapse;
}
table.myTable, table.myTable td, table.myTable th
{
border:1px solid green;
}
table.myTable th
{
background-color:green;
color:white;
}
</style>

次に、そのテーブルを次のようなクラス属性を持つように変更します。

<table class="myTable">
于 2012-06-14T14:19:09.770 に答える
1

クラスを作成して、スタイルを適用するテーブルに使用できます

table.myStyles
{
border-collapse:collapse;
}
table.myStyles, .myStyles td, .myStyles th
{
border:1px solid green;
}
.myStyles th
{
background-color:green;
color:white;
}

それからあなたのテーブルのために

<table class="myStyles">....</table>
于 2012-06-14T14:20:20.833 に答える
0

これは非常に簡単です。テーブルにIDを指定し、cssコードで「＃」を使用してそのアイデアを参照するだけです。

于 2012-06-14T14:20:36.087 に答える
0

次のいずれかを行う必要があります。

  • テーブルの html を変更してtableandIDまたは aclassを指定し、CSS を次のように変更します。table.foo
  • :first-childを使用して、コンテナー内の最初または最後のテーブルである場合にのみ、テーブルをターゲットにします。:last-child
于 2012-06-14T14:20:16.383 に答える
0 
<style type="text/css">
  .green-table {
    border-collapse:collapse;
  }
  .green-table td, .green-table th {
    border:1px solid green;
  }
  .green-table th {
    background-color:green;
    color:white;
  }
</style>

<table class="green-table">
    ...
</table>
于 2012-06-14T14:23:44.933 に答える