Coming Up
- Container queries are a big topic that’s part of laying out.
- Cascade layers allow the organization of CSS files into hierarchical layers baking in specificity using
@layer
. Some layers in CSS already exist. The user style sheet built into the browser is one layer, below the layer of the regular CSS file. This is widely supported in all browsers. - Relative colors
- Scoped styles using
@scope
. This is very new and not yet available in all browsers although only FF is missing this currently and even that can be enabledabout:config
. - Style queries use container queries to check for CSS rules. Not yet available in all browsers. In fact only Chromium browsers and even then only with CSS custom properties.
- Relational selector
has()
, known as the parent selector, is widely available in all browsers and has some interesting possibilities. - Anchor positioning allows you to link elements like popovers to other elements.
More stuff
Those listed below may or may not be added in the near future. There is so much new CSS these days that it’s hard to keep up. Some things can take years to make it into all browsers whilst others may not be that useful most of the time.
- CSS
if
statements - CSS functions
- Mixins
scroll-target-group