| 04:20 | <sirisian> | Very niche question about Web Components. (Not sure if there's a better channel). Has there ever been a discussion about a kind of :is() in CSS for targeting a custom element and all its derived custom elements? Say you define ui-a and derive ui-b and ui-c from that and need a global CSS rule that targets all of them, but you don't want to just :is() them as others might add more later without searching/modifying every rule. |
| 07:21 | <annevk> | sirisian: the custom element could define some kind of :state() thing you could match on (in the future) |
| 07:33 | <sirisian> | Was thinking more of an :is-a() check, but using a state would work. |
| 07:58 | <annevk> | sirisian: we don't really have instance of checks in CSS, just name-based (this is one of the problems with subclassing of built-in elements) |
| 07:59 | <annevk> | sirisian: so the best you can do with built-ins is to create your own branding system, I think (of course that could be faked by other built-ins, but most of the time it probably doesn't need to be robust) |