ffoodd
Limit CSS to certain sections of a page
Hi!
Sorry if this is covered somewhere, but I couldn't find any documentation on how to limit the CSS selectors to specific page content? We'd really only want this working on anything inside of <main>, everything else is part of a template and results appearing there will only be confusing to our content editors.
Is this possible?
For now, the only way I can think of is building the CSS file on your own, from the Sass sources.
You can check a11y-en.scss as a basis, and wrap the whole import block with main {}. I'm not totally sure it'll work as-is, please tell me if you try this. 😄
This is an interesting idea though, so I may come with a better idea (and maybe find a way to support this feature in a11y.css core).
