Vous avez peut-être déjà vu passer des articles ou des vidéos annonçant l'arrivée de CSS4. Pourtant, CSS4 n'existera jamais — du moins pas sous la forme d'une spécification unique comme CSS2 ou CSS3. Voici pourquoi, et ce que cela signifie concrètement pour les développeurs web.
De CSS1 à CSS3 : un peu d'histoire
La première version de CSS, publiée en 1996, comptait environ 50 propriétés : background, color, width, border… C'était relativement simple à implémenter pour les navigateurs.
On est ensuite passé à CSS2, qui a ajouté de nombreuses propriétés. Mais les équipes du W3C (World Wide Web Consortium) ont vite déchanté : il leur a fallu près de 10 ans pour finaliser, optimiser et rendre compatibles toutes ces propriétés à travers les différents navigateurs.
Le problème ? Chaque spécification était un bloc monolithique. Pour finaliser l'ensemble, il fallait attendre que chaque propriété soit validée — même si certaines étaient prêtes bien avant les autres.
La naissance du système modulaire avec CSS3
Pour résoudre ce problème, le W3C a eu une idée révolutionnaire : découper CSS en modules indépendants. Chaque module couvre un aspect spécifique du langage et peut évoluer à son propre rythme.
C'est ainsi qu'est né ce qu'on appelle « CSS3 ». Ce n'est pas une nouvelle spécification unique, mais un ensemble de modules séparés : Sélecteurs, Media Queries, Flexbox, Grid, Transformations, Animations, et bien d'autres.
Chaque module a son propre niveau (level). Par exemple, le module Sélecteurs en est au niveau 4, tandis que d'autres modules plus récents comme CSS Grid commencent au niveau 1.
Pourquoi CSS4 n'existera jamais
Aujourd'hui, certains modules sont au niveau 4, d'autres au niveau 3, et certains encore au niveau 1. Il n'y a plus de numéro de version global pour CSS.
Quand on parle de « CSS4 », on fait en réalité référence aux modules individuels de niveau 4 — comme les Sélecteurs de niveau 4, Color de niveau 4, ou encore les Media Queries de niveau 5. Mais il n'y a pas de spécification unifiée « CSS4 » et il n'y en aura jamais.
Ce système modulaire est en fait un avantage considérable : les navigateurs peuvent implémenter les nouvelles fonctionnalités progressivement, sans attendre qu'une spécification entière soit finalisée.
Les fonctionnalités CSS modernes à connaître
Même s'il n'y a pas de CSS4, le langage évolue constamment. Voici quelques-unes des fonctionnalités les plus marquantes des dernières années :
- CSS Grid — Un système de mise en page bidimensionnel puissant
- CSS Variables (Custom Properties) — Des variables natives en CSS
- Container Queries — Adapter le style selon la taille du conteneur parent
- :has() — Le « sélecteur parent » tant attendu
- Subgrid — Des grilles imbriquées qui héritent de la grille parente
- @layer — Gérer la cascade avec des couches CSS
- Nesting — L'imbrication native des sélecteurs, sans préprocesseur
En résumé
CSS4 n'existe pas en tant que spécification unique. Le CSS moderne fonctionne comme un ensemble de modules indépendants, chacun avec son propre niveau de version. C'est une approche plus flexible qui permet au langage d'évoluer plus rapidement et aux navigateurs d'implémenter les nouveautés au fur et à mesure.
Pour suivre l'évolution de CSS, consultez le site officiel du W3C ou des ressources comme web.dev.
Salut !
Moi, j’attends le support général de backdrop-filter, pour notamment faire un flou d’arrière-plan, un peu à la iOS ?