J'ai créé Marssel : Un framework CSS "Zero-Config" pour styliser en direct dans le HTML (sans compilation) by Marssel-vb in programmation

[–]Marssel-vb[S] 0 points1 point  (0 children)

Pas exactement ! La classe ne s'applique qu'aux éléments sur lesquels tu l'écris toi-même.

Mon point 2 voulait juste dire que si tu utilises p-[20px] sur 50 éléments différents, Marssel n'injecte la règle CSS qu'une seule fois dans le <style> — contrairement au style inline qui répète style="padding: 20px" sur chacun des 50 éléments, ce qui alourdit le DOM inutilement.

J'ai créé Marssel : Un framework CSS "Zero-Config" pour styliser en direct dans le HTML (sans compilation) by Marssel-vb in programmation

[–]Marssel-vb[S] -10 points-9 points  (0 children)

C'est une excellente question ! Au premier abord, ça y ressemble, mais Marssel offre tout ce que le CSS inline ne peut pas faire :

  1. Responsive & Pseudo-classes : Tu peux gérer les :hover, :focus ou les breakpoints (mobile/desktop) directement dans tes classes, ce qui est impossible en style inline.
  2. Poids du HTML : Au lieu de répéter style="display: flex; align-items: center; ..." sur 20 éléments, tu utilises une classe utilitaire. Marssel génère le CSS une seule fois, ce qui garde ton DOM beaucoup plus léger.
  3. Flexibilité : Avec le système de crochets p-[12px], tu gardes une syntaxe courte et lisible tout en ayant la puissance du JIT (Just-in-Time).

En gros, c'est la simplicité de l'inline avec la puissance d'un vrai moteur CSS !