Tournesol 🌻 (@tournesol)

@tournesol C'est pas si compliqué : tu appliques les attributs aux éléments, dans certains cas ça les applique aussi aux enfants mais des fois pas, si tu veux overwrite ça dépend de quel élément est plus profond ou bien tu peux utiliser !important mais si tu as plusieurs !important au même niveau il y a un autre type de priorité entre eux (aucune idée de ce que c'est), si tu utilises le shadow DOM il faut aussi penser à si ton css est scoped ou pas, et après t'as aussi à apprendre tous les sélecteurs...
Ouais non en vrai maîtriser CSS c'est compliqué.
Pour moi, les trucs importants quand j'écris du CSS c'est :
- rester sur les sémantiques globales autant que possible, en utilisant des tags HTML appropriés (genre nav, article, etc) et en essayant de limiter le nombre de classes et préférant styliser des tags ayant un sens (donc moins de div)
- aller du plus gros au plus petit, comme ça pas de surprise quand quelque chose devient appliqué aux enfants
- limiter l'usage de height et width, à la place mettre des contraintes avec min- et max-, pour du design responsif
- s'il y a des trucs qui se répètent (genre des couleurs ou la valeur de tes border-radius ou de tes box-shadow), les définir en tant que variables dans :root, pour pouvoir les appliquer globalement et n'avoir à changer qu'une variable au lieu de tout ton code si besoin
- abuser l'inspecteur d'éléments qui permet de modifier temporairement le CSS en live, et se reset au refresh, pour tester des trucs et persister juste ce que j'aime