1

ご覧のとおり、2 つの部門内にそれぞれ 2 つのテーブルがあります。ここにjsFiddleの例があります! 私がしたいのは、 firstDivのテーブルの最初の列と 3 番目の列、secondDivのテーブルの 2 番目の列と 4 番目の列の背景色を変更することCSSです :)

<div id="firstDiv" style="float:left;margin-right:12px;">
<table width="200" border="1" cellpadding="8">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</div>
     <div id="secondDiv">
<table width="200" border="1" cellpadding="8">
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
       </div>
4

4 に答える 4

0

表のすべての行の関連するセル (例: 1 番目の TD) に CSS クラスを適用する必要があります。これにより、列全体が異なる色であるという印象が与えられます。CSSクラス定義で背景色を変更すると、このように設定すると、変更は列内のすべてのセルに一度に影響します。

于 2013-05-28T05:00:06.527 に答える