Limit the reach of your selectors with the CSS @scope at-rule | CSS and UI | Chrome for Developers

The delicate art of writing CSS selectors When writing selectors you may find yourself torn between two worlds. On the one hand you want to be pretty specific about which elements you select. On the other hand, you want your selectors to remain easy to override and not be tightly coupled to the DOM structure. For example, when you want to select “the hero image in the content area of the card comp

[efcl]

CSS `@scope`についての記事。 `@scope`によってセレクタの範囲を制限できるようになり、スコープは特異性には影響を与えない。 また、`@scope { }`とルートを指定せずに指定することscoped styleを扱うprelude-less `@scope`についてなど