列の幅をcssで指定するには？

質問

<table>
<tr><td>あ</td><td>い</td></tr>
<tr><td>う</td><td>え</td></tr>
</table>

というテーブルがあるのですが
こういう場合、
左の列（あ、う）は1em、右の列（い、え）は2em、
と、スタイルシートで指定する場合、どうすればいいでしょうか？

回答No.1

outbrave · ベストアンサー

td { width: 2em;}
td:first-child { width: 1em; }
最初の要素を指定する。

または
td { width: 1em;}
td + td { width: 2em; }
直後の要素を指定する。

などで可能です。

お礼

ありがとうございました。