Container Queries

Rare Earth Juejin Tech Community

May 9, 2025 · Frontend Development

Understanding CSS Container Queries: Usage, Syntax, and Browser Compatibility

This article explains what CSS container queries are, how they differ from media queries, provides practical code examples and syntax details, and summarizes current browser support on both desktop and mobile platforms, helping developers create adaptable component layouts.

CSSContainer QueriesWeb Development

0 likes · 9 min read

Understanding CSS Container Queries: Usage, Syntax, and Browser Compatibility

Rare Earth Juejin Tech Community

Dec 8, 2024 · Frontend Development

A Comprehensive Guide to New CSS Features: @scope, @container, Pseudo‑Classes, Nesting, nth‑of, text‑wrap, and Native Popover

This article introduces and demonstrates several emerging CSS capabilities—including native style isolation with @scope, container queries via @container, advanced pseudo‑classes like :has, :where, :is, CSS nesting, the nth‑child of selector, text‑wrap balance/pretty, and the native popover element—providing code examples and usage tips for modern frontend development.

CSSContainer QueriesNesting

0 likes · 12 min read

A Comprehensive Guide to New CSS Features: @scope, @container, Pseudo‑Classes, Nesting, nth‑of, text‑wrap, and Native Popover