Retour aux cas pratiques
Sass / SCSSAvancé
Refactorisation d'une imbrication excessive avec stratégie BEM
Scénario
Contexte : Un projet SCSS contient des niveaux d'imbrication très profonds entraînant une forte spécificité CSS. Le Problème : Les styles deviennent difficiles à surcharger et à maintenir. Contraintes : Réduire l'imbrication et adopter une convention structurée comme BEM. Code actuel : .card { .header { .title { span { color: red; } } } } Livrable attendu : Refactoriser la structure en limitant la profondeur d'imbrication et en améliorant la maintenabilité globale.
Compétences ciblées
scssnestingbemspecificityrefactor