「DOMのどこにあるかに関係なく。」

それは、多くの新しいCSS機能に関して私の心を通り抜けるフレーズであり、 とてもクールです。 私は確かに私の形成的なhtml＆cssin ‘年のほとんどを過ごしました 非常に注意してください CSSがそこにいる必要があったため、特にDOMに物事が必要な場所について。 dom構造を気にすることが依然として重要です。 アクセシビリティの理由から、しかし、スタイリング言語の制限に従って物事を構成する必要がなくなったのはいいことです。

ここに大きなものがあります :has()。

これを考えてください：

body:has(input[type="checkbox"][switch]:checked) .menu {

}

おそらく、そのトグルスイッチはメニューを開きます。トグルスイッチがDOMのどこにあるか気にする必要はありません そして どこで気にする必要はありません .menu DOMにあります。どちらでもない。それはまだ機能します。おお。過去にこのような策略をやり取りしたい場合は、CSSのコンビネーターに頼らなければなりません。 ~ そして +、それは要素を意味します お互いの兄弟である必要がありました これはTBQHをかなり制約しています。これがアミットです このものをaと組み合わせます