W mojej aplikacji mam różne css specyficzne dla przeglądarki. Podobnie jak w przypadku IE6, IE7 i tak dalej ... również w przypadku od prawej do lewej (języki) mamy różne CSS.Łączenie wszystkich arkuszy stylów CSS w jednym arkuszu stylów
Moje pytanie jest możliwe, aby połączyć wszystkie arkusze stylów CSS w jeden arkusz stylów.
Czy to skróci czas reakcji?
Z góry dziękuję!
Jeśli używasz oddzielnych plików css dla różnych przeglądarek, powinieneś po prostu załadować plik css przeglądarki. W takim przypadku nie zobaczysz zbyt wielu oszczędności, łącząc je. Generalnie jednak powinieneś wypróbować css działający w różnych przeglądarkach.
Tak, możliwe jest łączenie wszystkich plików CSS w jeden plik CSS. Można importować dowolną liczbę dodatkowych arkuszy stylów w głównym pliku css, na przykład:
@import url('ie6.css');
@import url('ie7.css');
@import url('ie8.css');
@import nadal będzie wysyłać dodatkowe żądanie do serwera, więc nic tam nie zyska. – easwee
zapytał, czy można połączyć wszystkie pliki CSS w jeden arkusz stylów, a ja odpowiedziałem "tak". – Roman
Pytał także o czasy reakcji, więc pomyślałem, że powinienem dodać komentarz - nie przesłałem ci ani nic - odpowiedź jest w porządku. – easwee
można napisać css za pomocą hacków, które powodują pewną właściwość tylko w konkretnej przeglądarce.
odczuwalna:
*color: black; /* for IE7 and below */
_color: black; /* for IE6 and below */
Ale to będzie ból mantain i nie będzie również potwierdzić swój css więcej. Podczas gdy redukujesz żądania (o 1 lub 2?) Nadal nie widzę problemu, jeśli używasz warunkowych komentarzy do załadowania przeglądarki css dla IE6 na przykład. Doda jeszcze 1 prośbę, która tak naprawdę nie jest dużo. A jeśli weźmiesz pod uwagę, że IE6 jest używany coraz mniej, to może tylko 10% twoich użytkowników faktycznie to zrobi.
Możliwe? Tak. Praktyczny? Nie tak bardzo. Zwłaszcza jeśli chodzi o specyficzne dla przeglądarki css. Możesz używać css hacks, ale IMHO są dość brzydkie, co psuje czytelność css. Zamiast tego użyłbym warunkowych komentarzy conditional comments. To jest dla IE - dla reszty świata spróbuj użyć jednego właściwego css.
Jeśli chodzi o redukcję czasu, o tyle, o ile korzystasz ze statycznych plików css, przyrost prędkości pobierania byłby nieistotny. Pliki statyczne są przeważnie buforowane, więc można zapisać tylko kilka żądań zwracających tylko "Niezmienione".
Jest to możliwe ... Robię to dynamicznie za pomocą php, więc arkusze stylów są w oddzielnych plikach, ale są one ładowane jako jeden. – AllisonC
Dlaczego go zaniedbuje? Właściwie to zadaje całkiem interesujące pytanie. – easwee
Mam to samo pytanie. Chcę po prostu połączyć wszystkie moje CSS w jeden plik. za pomocą importu z mniejszą kwotą, o ile jest to możliwe. – Chris