Ich erbitte Meinungen darüber, was der beste Weg ist, @ Imports zu behandeln oder sie alle zusammen zu vermeiden.
Wenn ich mit DNN arbeite, stelle ich fest, dass während des Enthäutens die CSS für alle verschiedenen übersteuernden Elemente für Module und so sehr unordentlich sein können. Es ist mühsam, mit allen CSS-Dateien in einer einzigen Datei zu arbeiten, und ich frage mich, ob es besser ist, diese zu trennen und sie oben auf der skin.css zu importieren. Es gibt auch die Frage der Effizienz und ob das ein guter Trade ist oder nicht.
Ich bin kein CSS-Profi, aber ich denke, ich kann die Antwort darauf wissen, werde aber trotzdem fragen. Gibt es überhaupt einen Verweis auf verschiedene CSS-Dateien, wie zum Beispiel .cs-Dateien? skin.Events.someElement? Wäre das nicht nett? ; -)
Danke.
Aus reiner Erfahrung:
Während der Arbeit können Sie alles getrennt halten (reset.css, forms.css, main.css, usw.), wenn Sie es schwer finden, mit einer einzigen Datei zu arbeiten - ich mache das nicht einmal ..
Wenn Sie die Produktion starten - behalten Sie alles in eine Datei - keine Importe - 1 Serveranfrage - minimieren Sie Ihre CSS.
Ausnahme ist eine zusätzliche ie.css, wenn Sie Ihre main.css-hack-free / pass-Validierung behalten wollen (ich tue dies auch nicht, da sich keiner meiner Kunden um die Validierung gekümmert hat - Leute wollen, dass es funktioniert, Abzeichen sind kein Trend :) - also benutze ich nur Hacks durch meine main.css (#, _, etc.))
Am besten vermeiden Sie @import .
Laut Steve Souders führt das Kombinieren von @import und link oder das Einbetten von @import in andere Stylesheets zu sequenziellen anstelle von parallelen Downloads.
Es gibt noch andere Probleme.
Yahoo empfiehlt auch gegen @import und merkt das
Im IE verhält sich @import genauso wie am unteren Rand des Seite, so ist es am besten, es nicht zu benutzen.
Normalerweise verwende ich ein Stylesheet und benutze link , um es zu greifen.
Bei außergewöhnlich großen Seiten verwende ich ein Haupt-Stylesheet und dann kleinere Blätter für Abschnitte, die zusätzlichen Stil benötigen, und füge diese Stylesheets bei Bedarf zu verschiedenen Seiten hinzu.
Tags und Links css import dotnetnuke