[CSS] テーブルの列単位でスタイルを指定する(nth-of-type)

列単位でスタイルシートを指定したい場合は、nth-of-type疑似クラスを使用します。

例えば、表の3列目を右寄せで表示したいなどテーブルの列単位でスタイルを指定できます。

サンプル

例)表の1列目を「中央寄せ」、2列目を「背景色ピンク」、3列目を「右寄せ・背景色水色」とする

【結果】

No都道府県人口
1東京都13,390,116
2神奈川県9,101,625
3大阪府8,849,823
4愛知県7,447,161
5埼玉県7,240,300

備考

  • nth-of-typeの引数には列の左側からの順番を指定します。
    (例)一番左側の列は1、2番目は2

メモ


コメント

タイトルとURLをコピーしました