第六十回「連続する要素のn番目を指定するCSS」

今回は、pタグ・li・dt・ddなど、連続して使うタグの何番目かにだけ特別なCSSをあてる方法を備忘録します。

■以下のようなHTMLをベースとして考えます。

■htmlの記述

■cssの記述

■初めの要素のみにCSSを適用する記述。

■cssの記述

■最後の要素のみにCSSを適用する記述。

■cssの記述

■上から5番目の要素にCSSを適用する記述。

■cssの記述

★完成★

n番目の指定は、そのタグ数の順番に依存するため、使い所に注意しましょう。