Gibt es eine Best Practice für die Regelreihenfolge von CSS-Präprozessoren?

Gibt es eine allgemeine Best Practice für die Reihenfolge der Regeln in CSS-Präprozessoren wie Stylus oder SASS?Gibt es eine Best Practice für die Regelreihenfolge von CSS-Präprozessoren?

Ist es besser, zuerst die Regeln für die verschiedenen Arten des gleichen Elements hinzuzufügen, und fügen Sie dann anschließend die Kinder dieses Element:

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

Oder ist es besser, zuerst die Kinder hinzufügen und danach hinzufügen Elternklassen usw. wie folgt:

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

Quelle

2017-05-12 phpheini

Persönlich würde ich erwarten, zuerst die Stile des Patents und des einen der Kinder zu sehen. Weil sonst würde ich zuerst die Liste aller Kinder durchgehen, um zu sehen, wie ihre Eltern ihr Styling beeinflussen könnten. –

Besser in welcher Weise? Leistungsoptimierung? Sauberer Code? – Huelfe

In jeder Hinsicht besser, aber natürlich sauberer Code als Leistung. – phpheini

Nein, es gibt keine allgemeine Best Practice für so etwas.

Was wirklich wichtig ist, ist, sich zu entscheiden und konsequent zu sein. Erstellen Sie Codierungsrichtlinien in Ihrem Unternehmen. Machen Sie eine Liste von Regeln und bleiben Sie dabei, damit jeder weiß, was Sie erwarten können.

Quelle

2017-05-12 12:18:24

Gibt es eine Best Practice für die Regelreihenfolge von CSS-Präprozessoren?

Antwort

Verwandte Themen