Re: [csswg-drafts] [css-cascade] Evaluate specificity of ::slotted and global styles in the same conditions (#6466)

I know it could break the backward compatibility, and I don't suggest it as solution. I opened the issue to find a way to improve the DX and be able to use the light DOM comfortably.

The problem with important is that once you use important in your component styles they can't be override externally. Then you have to choose between weak components styles (without important) or fixed styles (with important). In the weak case, just with a `*` selector sternal styles can break your component visualization.

From my point of view, it's impossible to build a design system using light DOM because you have to put `important` in all your properties and if you want to open the possibility to override you have to declare one custom property per property. This make unusable the light DOM and it much easier solve it with Shadow DOM and part attribute, but you can't with form components.

We have to find a solution to make light DOM "stylable" easily.

-- 
GitHub Notification of comment by jorgecasar
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/6466#issuecomment-913124512 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Sunday, 5 September 2021 10:18:51 UTC