縦方向の「列」を一括装飾したい「何番目のtd要素か?」を元に装飾を指定すれば、列を一括装飾できる「いくつのtd要素が隣接しているか」を元に装飾を指定する方法でも、列を一括装飾できるCSSだけで表の列を一括装飾するサンプルCSSだけで表の列を一括装飾nth-of-type疑似クラスを使って表の列を装飾nth-child疑似クラスを使って表の列を装飾隣接兄弟セレクタを使って表の列を装飾隣接兄弟セレクタを使って表の列を装飾表を縦方向に列単位で一括装飾したい場合があるCSSのnth-of-typeやnth-child疑似クラスを使えば「何番目のtd要素か?」という順番を元にして装飾できるため、簡単に列を一括装飾できるCSSの疑似クラスを使わなくても、「いくつのtd要素が隣接しているか」を元にしてセルの位置を特定する方法でも列を一括装飾できるCSSだけで表の列を一括装飾する例CSSのnth-of-type疑似クラスを使って列単位に装飾した表CSSのnth-child疑似クラスを使って列単位に装飾した表隣接兄弟セレクタを使って表の列を装飾隣接兄弟セレクタを使って表の列を装飾この写真の記事を読む※記事内容は執筆時点のものです。最新の内容をご確認ください。※OSやアプリ、ソフトのバージョンによっては画面表示、操作方法が異なる可能性があります。