24.8.2022
The Cascading order of CSS
Something we use every day but I was unable to correctly describe when asked. So let's try to if we can do it together.
article h1#top {
color: red;
}
The steps of the cascading algorithm:
- Relevance
- Origin
- Browser
- User
- Developer
- CSS @Keyframe animations
- Developer !important
- User !important
- Browser !important
- CSS transitions
- Specificity
- Order of appearance
https://developer.mozilla.org/en-US/docs/Web/CSS/Cascade#cascading_order
Standort Hannover
newcubator GmbH
Bödekerstraße 22
30161 Hannover
Standort Dortmund
newcubator GmbH
Westenhellweg 85-89
44137 Dortmund