クリエイター：コーディング備忘録ブログ

コーディング

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

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

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

■htmlの記述

■cssの記述


072601

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

■cssの記述


072602

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

■cssの記述


072603

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

■cssの記述


072604

★完成★

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

この記事を見た人は次の記事も見ています。

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP