Web development Blog

In a media query, it’s obvious what width means. It always refers to the width of the viewport. With size container queries it’s not that obvious.

Cascade layers are one of the most interesting and useful additions to CSS recently. It will change the way we write CSS, how we use selectors, naming conventions, and probably also more things that I can’t think of right now.

There are a lot of interesting things you can do with the :has() pseudo-class. I’ve already covered some of them on day 26.

From now on you can transform elements with the translate, rotate, and scale properties.

Relative units used in container queries work differently than relative units in media queries.

With cascade layers comes a new CSS-wide property value, revert-layer.

There are several CSS-wide property values you can use to specify a particular defaulting behavior for a property explicitly.

On day 56 you've learned that you have to define a container-type when working with size containers and on day 59 you've learned that you can name containers using the container-name property.

The color-scheme property allows you to indicate which color schemes an element can be rendered in.

You can use the ::part CSS pseudo-element to style an element within a shadow tree.