O pitch
O CSS Nesting nativo, os seletores :has() e as Container Queries tornaram obsoleta a maior parte do ecossistema CSS da era de 2015 e dos truques de pré-processadores. O tema está hoje no centro das atenções de desenvolvedores que estão tirando o Sass e o PostCSS dos seus pipelines de build em 2026 (thread no HN).
Por dentro
O CSS Nesting nativo agora é totalmente estável no Chrome, no Firefox e no Safari, sem exigir o prefixo '&' para seletores de elemento (Webically 2026 Guide). O Modern-CSS.com se concentra nessa estabilidade, ao lado do Anchor Positioning e das animações guiadas por rolagem, que funcionam como os “matadores de JavaScript” de 2026 para lógicas complexas de interface (Southwell Media 2026). O seletor :has() é tratado corretamente como um padrão Baseline, o que faz da estilização baseada no elemento pai uma realidade de produção, e não um pesadelo de polyfills (Medium, Roadmap 2025/2026).
No entanto, alguns snippets mostram um viés “Blink primeiro”, priorizando recursos específicos do Chromium que talvez ainda não tenham atingido estabilidade total no Firefox ou no Safari, apesar das iniciativas do Interop 2026 (comentário no HN). Relatos do início de 2026 indicaram que parte da sintaxe de nesting no site ficou desatualizada por um tempo, ainda sugerindo o prefixo '&', algo que os navegadores resolveram no fim de 2024.
A plataforma não tem datas de “Última atualização” nos snippets individuais, o que dificulta distinguir os padrões consolidados de 2025 dos rascunhos emergentes do fim de 2026. Os usuários confundem com frequência este site com o moderncss.dev, de Stephanie Eckles, que continua sendo a referência do setor em ensino de CSS (thinkdobecreate.com).
Nossa opinião
Pare de tratar o CSS como um cidadão de segunda classe que precisa de um handler de JavaScript para cada tooltip ou mudança de layout. O Modern-CSS.com é uma referência funcional para modernizar codebases legadas, mas é um pouco como um bar que não informa o teor alcoólico nas torneiras de chope: você precisa verificar a potência por conta própria. Use-o em ferramentas internas em que você controla o motor, mas, para produção voltada ao público, cruze os snippets com o status do Interop 2026.