テーブルのセルをピンポイントで指定する

css

テーブルのセルを行単位や列単位で指定するのは結構簡単だけど、では「何行目の何列目」だけを指定したい!ってなったときの方法です。

ポイントのcssはこれです。

.table-01 tr:nth-child(3) td:nth-child(2){
  background:#f4c930;
}

疑似クラスnth-childは、組み合わせて使うことができちゃうんですね。

使用例は以下をご覧ください。

See the Pen テーブルのセルをピンポイントで指定! by Chihiro Mitome (@chihiromtm) on CodePen.

css
スポンサーリンク
Web Parts Box
タイトルとURLをコピーしました