YannisDelmas / beau-code-web

Le beau code web
https://YannisDelmas.github.io/beau-code-web
GNU General Public License v3.0
6 stars 1 forks source link

CSS: !important est vraiment à proscrire #22

Open YannisDelmas opened 2 years ago

YannisDelmas commented 2 years ago

Universellement reconnu comme une mauvaise pratique: il FAUT s'en passer quand c'est possible, c'est à dire presque toujours.

https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

YannisDelmas commented 2 years ago

"By default, rules in author style sheets have more weight than rules in user style sheets. Precedence is reversed, however, for "!important" rules. All user and author rules have more weight than rules in the UA's default style sheet." [CSS 2.1, §6.4]

L'objectif est: "CSS attempts to create a balance of power between author and user style sheets." [CSS 2.1, §6.4.2] Donc, l'usage de "!important" devrait être limité aux feuilles de style utilisateur, donc aux dispositifs d'accessibilité.

YannisDelmas commented 2 years ago

Justifications pratiques:

  1. ça rend la maintenance difficile: très dur à surcharger.
  2. ça casse les règles de spécificité