/* 直接のhrの兄弟があるp要素内のすべてのa要素を選択 */ p:has(+ hr) a:only-child {…} /* 複数の条件を満たすarticle要素を選択 */ article:has(>h1):has(>h2) {…} /* h1の後にh2が続くarticle要素を選択 */ article:has(> h1 + h2) {…} /* ...

なんとなく呟いたこちらのツイート。 「#出会えたことに感謝したいCSSベスト3」というハッシュタグをつけて皆のも教えて！と言ったところ数々の反応を頂きました。 Togetterにもまとめて頂きました。 特にプロパティ限定とか値や要素は対象外みたいなこと ...

実用的なものからマニアックなものまでリスト要素をスタイルするベストプラクティスをDev Snippetsから紹介します。 以下は、サイトで使用されている例の紹介です。