仕事で使っているWebやシステム開発関連の情報を掲載しています。開発に使用するソフトウェアの使用方法やシステム開発に必要な技術的情報。トラブル解決方法等を掲載してるサイトです。すなりんランキングなどを表示する場合に、先頭に順位がわかるようなアイコンをつけたいときや<li>など同じ要素が連続するときに、個別に別々のスタイルを適用したいときの解説をしています。箇条書き(<ol>)に含まれる<li>の先頭に、リストマークの代わりに背景画像を表示します。すべてのリスト項目に同じ背景画像を表示するのではなく、1番目から3番目までの<li>に、それぞれ別の画像を適用します。リスト項目の3番目まで、上から順に異なる背景画像を指定するために「:nth-child(n)」セレクタを使用しています。このセレクタは、「:」より前で選択される要素のうち、「()」内の番号の順番に出てくるものだけを選択して、スタイルを適用します。class=”rank”>に含まれる<li>のうち、1番目に出てくる要素だけが選択されます。