Re: [csswg-drafts] [css-cascade-4] Why are transitions the highest priority? (#12369)

Transitions are the highest priority because while the transition is occuring, by definition the "end" styles are *also* applying. If the "end" styles were from a higher-priority origin, they'd win, and the transition wouldn't have any visible effect. If it shared the same spot as the Animation origin, for instance, it would be effectively impossible to do a transition between `!important` styles.

Transitions are also typically very temporary, so even if they're overriding something important, usually they'll go away and let the other style show in a second or less.

Animations are different, because they're not applied in response to other conflicting styles. They're also more often long-lived, so we want to be more careful with making them too strong. Putting it in the middle means animations will naturally override other styles, but be defeated by `!important` rules, so if you're using `!important` as intended (rarely, only for important things that need to apply or else the page is broken/inaccessible), they'll rarely conflict, and when they do it's for a good reason.

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


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

Received on Friday, 20 June 2025 22:48:35 UTC