Tutorialzine is a resource hub for developers, offering tutorials, guides, and articles on web development, programming languages, and design. Covering topics such as HTML, CSS, JavaScript, and various frameworks, Tutorialzine provides practical examples and step-by-step instructions to help developers improve their skills. Developers can learn how to build websites, web applications, and interactive features by following Tutorialzine's tutorials and guides.

WebKit

Name-only @container queries are a new CSS feature shipping in Safari 26.4 that lets developers scope styles to named containers without requiring a size condition. Unlike traditional container queries that need a min-width or similar size constraint, name-only queries use just a container name as a filter. This solves the long-standing CSS naming problem — avoiding BEM verbosity, nesting-induced specificity wars, and the need for CSS modules — by letting styles be scoped to a named container without adding specificity. Developers register containers with container-name and container-type, then wrap component styles in matching @container blocks.

Name-only @container queries: A solution to the naming wars

<p>This feels like CSS slowly circling back to “scoping as a first-class concept.” Instead of fighting naming conventions (BEM, modules, etc.), we’re starting to encode intent directly into the platform itself — which is a pretty big shift.</p>


<h1><strong>Not Found</strong></h1>
<p>Sorry this isn’t the page you’re looking for.</p>
