Modern CSS Features You Should Be Using

CSS has evolved tremendously in recent years. Features that once required JavaScript or preprocessors are now natively supported in browsers. Here are the modern CSS capabilities that every frontend developer should be using in 2026.

1. Container Queries

Container queries are arguably the most significant CSS innovation since flexbox. Instead of basing styles on the viewport size, you can now style elements based on their parent container's dimensions. This makes truly reusable, context-aware components possible:

@container (min-width: 400px) {
  .card { display: grid; grid-template-columns: 1fr 1fr; }
}

2. The :has() Selector

The :has() selector — often called the "parent selector" — lets you style elements based on their children or descendants. This opens up possibilities that previously required JavaScript:

form:has(input:invalid) .submit-btn { opacity: 0.5; pointer-events: none; }

3. CSS Layers (@layer)

CSS Layers give you explicit control over the cascade, eliminating specificity wars. You can define layers and their order, then organize your styles accordingly:

@layer reset, base, components, utilities;

4. CSS Nesting

Native CSS nesting is now supported in all major browsers, reducing the need for preprocessors like Sass or Less for nesting alone. The syntax is intuitive and familiar to anyone who has used a CSS preprocessor:

.card { padding: 1rem; & .title { font-size: 1.25rem; } }

5. Scroll-Driven Animations

Scroll-driven animations allow you to tie animation progress to scroll position without any JavaScript. This is revolutionary for storytelling and interactive design:

@keyframes fade-in { from { opacity: 0; } to { opacity: 1; } }
.hero-image { animation: fade-in linear both; animation-timeline: view(); }

CSS is no longer just a styling language — it's a powerful tool for creating complex, interactive, and performant web experiences. By leveraging these modern features, you can write less JavaScript, ship smaller bundles, and create more maintainable code.