CSS supports…

• nesting¹
• overrides without fighting specificity²
• media queries checking a component’s size³

…the year is 2030 2024!

I recently read through an excellent post on Frontend Master’s blog written by no one else than Chris Coyier (a creator of CSS Tricks). Chris in a What You Need to Know about Modern CSS (Spring 2024 Edition) post sheds some light on latest additions to CSS.

I am particularly interested in nesting and layers. Nesting will make SASS a redundant dependency in smaller projects. Layers will come in handy when overriding external styles - this is a quite common practice when using Shiny.

Below you can see a simple example showcasing both nesting and layers. See its source on GitHub or view the example directly.