2

私はこのHTMLテーブルを持っています：

<table width="1100" border="1" style="text-align:center;" class="invoice">

<tr><td>&nbsp;</td><td>&nbsp;</td><td>Amount Due</td><td>Amount Enc.</td></tr>
<tr><td>&nbsp;</td><td>&nbsp;</td><td>CAD <?php echo $key['remainingbalance']; ?></td><td>&nbsp;</td></tr>

</table>

このCSSで：

table.invoice, th.invoice, td.invoice{
    border: 1px solid black;
}

ただし、テーブルのスタイルを設定していません。テーブルのすべての境界線、tdおよびtrが1pxの黒一色になると予想していますが、なぜこれが機能しないのですか？

4

1 に答える 1

6

サンプルの境界線はテーブルにのみ適用されます。1）table.invoice-これはクラス「invoice」のテーブルを参照します
2）th.invoice-これはクラス「invoice」のヘッダーセルを
参照します3）td.invoice-これは通常を参照しますクラス「請求書」のテーブルセル

したがって、2と3は適用されません。これは、テーブルセルにそのクラスがないためです。

次のようにスタイルを変更できます。

table.invoice, .invoice th, .invoice td{
    border: 1px solid black;
}
table.invoice{border-collapse:collapse;} /* update following asker's comment */

...次に、境界線がヘッダーセルと通常のセルに適用されます。

于 2012-04-20T21:41:30.237 に答える