エントリーの編集
![loading...](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/common/loading@2x.gif)
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
「CSS Niteビギナーズ:HTML5+CSS3」で紹介したちょっと複雑なセレクタ
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
![アプリのスクリーンショット](https://b.st-hatena.com/bdefb8944296a0957e54cebcfefc25c4dcff9f5f/images/v4/public/entry/app-screenshot.png)
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
「CSS Niteビギナーズ:HTML5+CSS3」で紹介したちょっと複雑なセレクタ
先日開催された「CSS Niteビギナーズ:HTML5+CSS3」でCSSセレクタのことをお話ししました。 その中で紹... 先日開催された「CSS Niteビギナーズ:HTML5+CSS3」でCSSセレクタのことをお話ししました。 その中で紹介したちょっと複雑なセレクタです。 li:nth-child(even):nth-last-child(2) 上記のセレクタを紹介したわけですが、こういうふうに書くと li が奇数個の場合だけ後ろから2番目の li をセレクトできます。 li が10個だった場合 まず、li が10個あった場合で考えてみましょう。 :nth-child(even)で偶数番目の li をセレクトして背景を赤くした場合、以下のスクリーンショットのように偶数番目の背景が赤くなりますね。 さて、このときに:nth-last-child(2)になっているのはどいつかというと、前から9番目の li でして、そいつは偶数番目の li にはなりません。 li が8個だとしても12個だとしても、偶数個の場合に