Ajout prévu de conditions inline `if()` dans CSS

• La semaine dernière, le CSS WG a décidé d’ajouter if() inline à CSS
• Il s’agit d’une proposition rejetée à plusieurs reprises par le passé, mais cette fois elle a été acceptée en s’appuyant sur les style queries ainsi que sur la syntaxe de media() et supports()
• La réaction des développeurs a été très positive. On espère que les navigateurs donneront la priorité à cette fonctionnalité et l’ajouteront à leur feuille de route

À quoi sert if() ? Remplace-t-il les style queries ?

• Il vient en complément des style queries. Lorsqu’il est possible d’utiliser des style queries, il est préférable de les utiliser
• Mais certaines choses ne peuvent pas être faites avec les style queries. Par exemple, lorsqu’on utilise la propriété personnalisée --variant pour définir la couleur d’arrière-plan, la couleur de bordure, la couleur du texte, les icônes, etc.
• Les style queries ne s’appliquent qu’aux éléments enfants, il n’est donc pas possible de définir des déclarations sur l’élément lui-même
• Les attributs de présentation posent des problèmes de flexibilité, de concision et de cohérence
• Avec if(), il devient possible de définir des déclarations sur l’élément lui-même
• Les media queries et les conditions de prise en charge peuvent également être incluses dans la syntaxe conditionnelle de if()

Est-ce déjà disponible dans les navigateurs actuels ?

• Ce n’est pas encore implémenté dans les navigateurs
• Même dans le scénario le plus optimiste, on estime qu’il faudra au moins 2 ans avant une implémentation
• Pour l’instant, seul un accord sur la fonctionnalité a été trouvé ; ce n’est pas encore la phase d’implémentation

Est-ce une première pour une syntaxe conditionnelle en CSS ?

• CSS a une syntaxe conditionnelle depuis le début. Tous les sélecteurs sont une forme de syntaxe conditionnelle
• Les règles @media et @supports sont également une syntaxe conditionnelle

Est-ce que cela fait de CSS un langage impératif ?

• La différence entre impératif et déclaratif ne réside pas dans la logique, mais dans le niveau d’abstraction
• Même avec l’ajout de logique conditionnelle, CSS reste un langage déclaratif

Est-ce que cela fait de CSS un langage de programmation ?

• CSS pouvait déjà être considéré comme un langage de programmation depuis longtemps
• Le critère selon lequel CSS serait ou non un langage de programmation n’a pas d’importance
• "L’important, c’est que l’expertise en CSS soit reconnue"

"Comme toute personne connaissant plusieurs langages de programmation célèbres ainsi que CSS peut le constater, CSS est bien plus difficile à maîtriser"

[budlebee]

Bientôt, DOOM en CSS..!

[unsure4000]

Mais c'est quoi ce truc mdr 😂😂😂😂😂😂

[tsboard]

On dirait vraiment que le CSS, même quand on l'apprend encore et encore, n'a jamais de fin. Je me demande aussi si ça ne devient pas un peu trop compliqué...

[savvykang]

C’est le moment où la boule de neige du karma lié à la décision de construire l’UI en HTML grossit encore une fois.

[princox]

C’est du CSS... ou du JavaScript.... Du CSSScript, alors...

[nemorize]

Personnellement, j’ai l’impression que c’est un peu too much...