週末、Jenkinsをさらに痛く改造するためCSSを弄っていて、テーブルの行にスタイルを当てようとしたのだが、一行目のtrがヘッダ行になっていて、class指定やtheadタグも無いのでヘッダ行とそれ以外を区別する術がなくて困った。なんとか2つ目以降のtrタグにスタイルを適用できないものかと調べてみたところ、CSS3の nth-xxxx という疑似クラスを使えば可能らしい事が分かった。 しかし、この nth-xxxx の使い方が実に分かりにくい、というか公式のドキュメントを含めて、まともな説明がひとつもない…。というわけで使って分かった事を書いてみる。仕様書は一切読んでないので正しいかどうか知らん。 nthシリーズは自分の兄弟要素の位置関係から要素をセレクトする疑似クラスで、-of-typeと-childがある。 :nth-of-type(n) :nth-last-of-type(n) :