abishekatp / stylers

Fully compile time scoped CSS for Leptos components
MIT License
139 stars 13 forks source link

Using :deep with the [attribute] selector outputs scoped css #27

Closed YannikSc closed 1 year ago

YannikSc commented 1 year ago

Hey, I'm currently trying to style my active leptos link which is on the one side a custom element (A captial a), requiring me to use the :deep pseudo-selector and on the other hand is indicated as active using the aria-current attribute (as described here).

When I now try to style the link with :deep([aria-current="page"]) the stylers::style!{ ... } outputs me [aria-current="page"].l-977425 { ... }. So my selector but with the scoped class.

But the :deep works otherwise fine when I use a class or id selector.