CSSで「最初の要素以外」と指定する方法

cssではじめの子要素以外を指定したい場合、セレクタを分けたりクラス名で識別したりといろいろな方法が考えられますが、一つのセレクタでまとめる方法として:notを用いた方法とそれ以外の方法を紹介します。

下記のようなナビゲーションはよく作成します。この場合、各リンクの間に「|(パイプ)」を用いて仕切りを入れますが、はじめの要素にはその指示を当てはめないようにしてセレクタを書くと、下記のように二つのセレクタで指示するのが一般的です。

上記の内容を「.not()」を用いて最初の要素以外を指定したのが下記のセレクタです。

上記のようなセレクタ以外にも隣接兄弟結合子「+」や間接結合子「~」を用いたセレクタもあります。

関連記事