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

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

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

■htmlの記述

■cssの記述


072601

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

■cssの記述


072602

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

■cssの記述


072603

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

■cssの記述


072604

★完成★

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

admin

cl0606

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です