CSS @import Best Practices

Question

Szukam opinii o tym, jaki jest najlepszy sposób obsługi @ importu lub unikania ich wszystkich razem.

Praca z DNN Dowiedziałem się, że podczas skórek, CSS dla wszystkich różnych nadpisujących elementów dla modułów i takich może być bardzo brudny. Przesyłanie wszystkich CSS do jednego pliku może być uciążliwe i zastanawiam się, czy lepiej je oddzielić i zaimportować je na początku pliku skin.css. Pojawia się również kwestia skuteczności, a jeśli tak, to nie jest dobry interes.

Nie jestem profesjonalistą CSS, ale myślę, że mogę znać odpowiedź na to pytanie, ale mimo to zapytam. Czy mimo to można odwoływać się do różnych plików CSS w taki sam sposób, jak np. Pliki .cs? skin.Events.someElement? Czy nie byłoby to miłe? ;-)

Dzięki.

Answer 1

Od czystego doświadczenia:

Pracując was może zachować wszystko w separacji (reset.css, forms.css, main.css, itd.), Jeśli okaże się, że trudno pracować z jednym pliku - I don” t nawet, że ...

Po wprowadzeniu do produkcji - zachować wszystko w jeden plik - brak importu - 1 żądanie serwera - zminimalizować swoje css.

Wyjątkiem jest dodatkowy plik ie.css, jeśli chcesz zachować walidację haseł main.css w trybie free/pass (ja też tego nie robię, ponieważ żaden z moich klientów nie dbał o sprawdzenie - ludzie chcą, aby działał, odznaki nie są trendem :) - więc używam hacków przez mój main.css (#, _, itp.))

Answer 2

Najlepiej unikać @import.

Według Steve'a Souders, łączenie @import i link lub osadzanie @import w innych stylów spowoduje raczej sekwencyjne niż równoległych do pobrania.

Istnieją również inne problemy.

http://www.stevesouders.com/blog/2009/04/09/dont-use-import/

Yahoo zaleca również przeciwko @import, zauważając, że

W IE @import zachowuje się tak samo, jak przy użyciu na dole strony , więc najlepiej nie używać.

http://developer.yahoo.com/performance/rules.html#csslink

Zwykle używam jednego arkusza stylów i używać link go złapać.

W przypadku wyjątkowo dużych witryn używam jednego głównego arkusza stylów, a następnie mniejszych arkuszy dla sekcji wymagających dodatkowej stylizacji, dodając te arkusze stylów do różnych stron, jeśli to konieczne.