Gardez toujours votre CSS propre et organisé. J'aime organiser mes sélecteurs en catégories de style.
réinitialiser les styles
Styles de typographie
styles de mise en page (en-tête, contenu, pied de page, etc.)
styles de module ou de widget styles de module ou de widget
Autres (etc).
Ensuite, au sein de chaque groupe, j'ai organisé les sélecteurs selon la hiérarchie DOM :
tous les styles parents
styles d'éléments au niveau du bloc (paragraphe, liste, etc.)
Styles d'éléments en ligne (liens, abréviations, etc.)
Autres (etc).
Faites ensuite des divisions spécifiques basées sur les divisions ci-dessus :
paragraphes
citations
adresses
Listes
formulaires
tableaux
Autres (etc).
Enfin, j'organise les déclarations CSS par type de style
styles de positionnement
Styles flottants/clairs
styles d'affichage/visibilité
styles d'espacement (marge, remplissage, bordure)
styles de cotes
Styles liés à la typographie (hauteur de ligne, couleur, etc.)
Styles divers (style de liste, curseurs, etc.)
Beaucoup de gens aiment trier par ordre alphabétique par déclaration, ce qui peut ne pas fonctionner bien pour moi, mais peut parfaitement fonctionner pour vous. Mais une fois que vous avez choisi une méthode d’organisation, il est préférable de s’y tenir pour maintenir son uniformité.