Most useful new CSS features since 2016

Great new css features

Now CSS requires a phd to understand. here are the most useful css features added in past decade. (2016 to 2026)

• CSS: nesting syntax
• CSS: nesting selector (ampersand &)

• CSS: Flexbox Layout
• CSS: Grid Layout

• CSS: Variable (custom property)

• CSS: min-width max-width, min-height max-height
• CSS: min-content, max-content
• CSS: fit-content (shrink wrap)
• CSS: clamp()
• CSS: min() max()

• CSS: @container query

• CSS: All (reset, revert, default)

• CSS: @scope at-rule
• CSS: Cascade @layer

• CSS: :has descendant selector
• CSS: :is any of selector
• CSS: :where selector (is any of)
• CSS: :not negation selector
• CSS: nth-child arg of selector

• CSS: Font based units: rem rcap rch rex ric
• CSS: Viewport based units: vw vh vmin vmax vi vb

• CSS: Anchor Positioning

• CSS: color-scheme
• CSS: OKLCH color