2017-05-12 3 views
1

Existe-t-il une meilleure pratique générale pour l'ordre des règles dans les préprocesseurs CSS tels que Stylus ou SASS?Existe-t-il une meilleure pratique pour l'ordre des règles des préprocesseurs CSS?

Est-il préférable d'ajouter d'abord les règles pour les différents types du même élément, puis ajouter ensuite les enfants de cet élément:

header 
    &.fooBar 
     float left 
    nav 
     background-color #fff 

Ou est-il préférable d'ajouter d'abord les enfants et ajouter ensuite la classes de parents, etc. comme celui-ci:

header  
    nav 
     background-color #fff 
    &.fooBar 
     float left 
+3

Personnellement, je m'attendrais à voir d'abord les styles du brevet et celui des enfants. Parce que sinon je passerais d'abord par la liste de tous les enfants pour voir comment leurs parents pourraient affecter leur style. –

+0

Mieux de quelle manière? Optimisation des performances? Code propre? – Huelfe

+0

Mieux vaut de toute façon mais bien sûr du code plutôt propre que des performances. – phpheini

Répondre

3

non, il n'y a pas meilleure pratique générale pour une telle chose.

Ce qui est vraiment important, c'est de prendre une décision et d'être cohérent. Créez des directives de codage dans votre entreprise. Faites une liste de règles et respectez-la, donc tout le monde sait à quoi s'attendre.