Ir para o conteúdo
Frontend

CSS4: A nova versão do CSS que nunca existirá

Marcos Soares
Atualizado em 
5 minutos de leitura
CSS4: A nova versão do CSS que nunca existirá
Ouça este artigo
0:00CSS4: A nova versão do CSS que nunca existirá--:--
Neste artigo

Ultimamente, algumas das dúvidas mais recorrentes que surgem nos cursos de design e layout da web apontam para o CSS4:

  • Quando o CSS4 será lançado?
  • Qual é a data de estreia?
  • Quais novos recursos ele vai incorporar?

A resposta rápida decepciona alguns: não haverá uma especificação chamada CSS4.

A resposta longa é mais interessante. Sim, haverá atualizações, melhorias e novos recursos para o CSS, mas eles não seguem o mesmo processo das versões CSS1 ou CSS2. A web evolui de maneira não linear, e as novas especificações CSS acompanham essa evolução divididas por módulos, onde o nível de cada módulo (níveis 1, 2, 3, 4 ou 5) não corresponde necessariamente à versão do CSS em que ele foi incluído pela primeira vez, mas responde a um controle de seus próprios níveis. Vejamos isso com mais detalhes.

CSS1 e CSS2: documento completo

As primeiras versões do CSS foram incluídas em uma especificação na forma de um único documento. Isso significa que toda a especificação (embora dividida por seções) foi levada a revisão ou recomendação ao mesmo tempo, de maneira monolítica.

O documento não saía até que todos os recursos estivessem prontos. Se algo atrasava, a implementação de todas as funcionalidades atrasava junto.

Por exemplo, no CSS1 a propriedade background-color acompanha padding: embora tenham pouco a ver uma com a outra, ambas fazem parte do mesmo documento e sua implementação é simultânea.

O mesmo acontece com CSS2 e CSS2.1, um único documento com todas as novidades na forma de uma atualização completa e fechada. Os tempos de implementação se estendem. Tudo precisa estar pronto para que essas versões sejam lançadas.

No entanto, como dissemos, a web evolui de maneira não linear. Os navegadores são atualizados seguindo seus próprios ciclos de trabalho, adicionando as características que consideram mais convenientes ou urgentes.

CSS3: a mudança para a modularização

Com o CSS3 a maneira de trabalhar muda. Em vez de um único documento, cada grupo de características homogêneas é dividido em módulos independentes, para que a implementação seja mais fácil e eles possam evoluir e ser atualizados separadamente.

Isso resulta em muitos módulos chamados "nível 3", como o módulo de seletores de nível 3 ou o módulo de cores de nível 3, independentes um do outro, mas que compartilham o mesmo nível.

CSS4: a próxima versão que não é uma versão

A partir daqui, com toda a especificação dividida, cada módulo evolui de forma independente. A linha do tempo fica borrada e não é possível estabelecer uma data comum para todos os módulos, pois alguns já foram publicados e outros ainda nem começaram.

Isso, junto com as diferentes fases possíveis de cada documento, torna a evolução de cada módulo independente e mais alinhada com a evolução da web.

Parece que ainda conseguiríamos identificar etapas comuns para todos os módulos: tudo o que leva o nível 3 seria CSS3 e o nível 4 poderia se referir ao CSS4. Não é o caso, porque também surgem módulos novos, que começam com sua própria versão e controle de nível. O exemplo mais claro é o CSS Grid, o módulo para criar layouts baseados em grade: ele começou no nível 1, que virou Recomendação, e já foi atualizado para o nível 2 em Working Draft.

Isso significa que CSS Grid é CSS1? Claramente não. É um módulo cujo nível atual é 1 ou 2, mas que não faz parte, como o restante dos módulos, de um único documento.

O que mudou até 2026: as "eras" CSS4 e CSS5 da comunidade

Este texto foi escrito em 2020 e a conclusão técnica continua de pé: não existe uma especificação do W3C chamada CSS4, e o CSS Working Group segue publicando módulos com níveis independentes.

O que apareceu de novo foi uma iniciativa de comunicação. O CSS-Next Community Group, um grupo comunitário do W3C, propõe agrupar as funcionalidades lançadas desde o CSS3 em "eras" fáceis de digerir, como CSS4 e CSS5, para que quem ensina, escreve documentação e cria ferramentas tenha um vocabulário comum sobre o que é "CSS moderno". Dois detalhes importam para não confundir as coisas:

  • o próprio estatuto do grupo declara fora de escopo alterar definições de especificação ou o nome que os grupos de trabalho formais, como o CSSWG, dão aos seus documentos;
  • a categorização por eras ainda é uma discussão em formato de RFC, não um padrão adotado.

Ou seja: se você vir "CSS4" em um curso ou artigo, trate como rótulo de época, não como número de versão de uma especificação. As propriedades que você usa hoje (Container Queries, :has(), Cascade Layers, @starting-style, nesting) continuam vindo de módulos com níveis próprios.

Conclusão: não haverá CSS4, mas haverá atualizações

O exemplo do CSS Grid é talvez o mais ilustrativo de como será o futuro dos próximos recursos e atualizações de CSS. Trabalhar em módulos é uma boa ideia, pois permite ciclos e velocidades diferentes de trabalho, dependendo do nível de uso ou da dificuldade de implementação de cada recurso pelos navegadores.

O texto original em espanhol é da Silo Creativo; a seção sobre as eras da comunidade foi acrescentada em setembro de 2026.

Leia também

Marcos Soares

Escrito por

Marcos Soares

Fullstack Developer · CEO da Agência Poti

Fullstack Developer e CEO da Agência Poti. Mais de 20 anos construindo arquiteturas cloud-native com React, Next.js e sistemas distribuídos. Parceiro comercial do Estúdio iellou Design. Fundador do Vivo de Código.

Comentários

Participe da discussão

Seja o primeiro a comentar!

Continue Aprofundando

Conteúdo técnico toda semana

Receba artigos sobre arquitetura, padrões de projeto e engenharia de software. Direto no seu e-mail, sem enrolação.

Sem spam. Cancele a qualquer momento com 1 clique.