Amelia Wattenberger The CSS Cascade, or how browsers resolve competing CSS styles
https:/
This is a great explanation/illustration of the CSS Cascade! 👍
Related contents with similar topics
-
Watch Out for Layout Shifts with ‘ch’ Units
In our case, we were using
chunits to define our page layout. This meant that our post content was equal to50chunits (or the width of fifty… -
display: contents considered harmful
At this point, I don’t think we as an industry can use
display: contentswith confidence. Past actions are a good indicator of future behavior,… -
Do you know good tutorials and/or examples about dealing with responsive images that are fluid horizontaly, but with a fixed height?
Using
object-fit: cover;in the CSS is easy, but how can we prevent loading many pixels that will be hidden, without using too many<source>in a<picture>? -
HTML and CSS based View Transitions are coming
While same-document View Transitions have now been available for a while in Chromium browsers for Single Page Applications (SPA), they were requiring the use of a JavaScript API. Chrome Canary now allows us to develop and test View Transitions with HTML and CSS only, obviously targeting Multiple Pages Applications (aka Web sites 🤷♂️).
-
Early Days Examples of View Transitions
All of these are page transitions, like when you leave one page and go to another. As opposed to the document.startViewTransition kind, which are…
Eric Bailey
Chris Coyier