1

Asp.net Web サイトを準備しています。私のスタイルシートでは、テーブルにこれらのプロパティを持たせたい:

table {
    width:100%;
    height:500px;
}

テーブルの最初の列は、テーブル全体の 20% を占める必要があります。 2 番目の列は、テーブルの 80% を占める必要があります。CSSで2つの列を異なる方法で設計する方法がわかりません。しかし、私はそれが次のようであるべきだと思います：

table td.first {
}
table td.second {
}

よろしく...

4

2 に答える 2

2

通常、次の方法でテーブルの列に id を与えます。

<table id="my-table">
  <tr>
    <td id="first-column">... content ...</td>
    <td id="second-column">... content ...</td>
  </tr>
</table>

次に、この方法で css の列をアドレス指定できます。

table#my-table {
  width: 100%;
  height: 500px;
}
table#my-table td#first-column {
  width: 20%;
}
table#my-table td#second-column {
  width: 80%;
}
于 2013-04-14T07:34:54.690 に答える
1

私の理解が正しければ、テーブル内の特定の列をターゲットにしようとしているだけです。<td>に次のような IDを与えるだけです。

<td id="columnOne">...など

この構文を使用してCSSでそれらをターゲットにします...

また：

table td#columnOne { *styles* }

または単に：

#columnOne { *styles* }

この方法は、あなたがやろうとしていると思うように、疑似クラスを使用するよりも安全で互換性があります。

table td:first-child { *styles* }

と：

table td:nth-child(2) { *styles* }
于 2013-04-14T07:34:24.927 に答える