Re: [csswg-drafts] [css-cascade] New syntax for making an entire layer important (#7535)

I mean, maybe we need to support !important in @keyframes as well.

My coworker ran into this scenario today. A third-party library defines the `@keyframes rote {}` rule, and it just so happens that we have `@keyframes` with the same name on our page, and the library renders asynchronously via JS, which results in broken animations on our page, and there's no good way to override the library's `@keyframes` in CSS.

There is no good way to override the triple `@keyframes` in CSS. Alternatively, we could override the triple styles in a similar way, as proposed in this issue:

@layer foo !important {
  @keyframes rote {}
}


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


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

Received on Wednesday, 9 August 2023 15:15:33 UTC