2011-06-20 37 views
7

Trong ứng dụng của tôi, tôi có css khác nhau cụ thể cho trình duyệt. Giống như riêng biệt cho IE6, IE7 và vv ... cũng cho Quyền Trái (ngôn ngữ), chúng tôi có CSS ​​khác nhau.Kết hợp tất cả CSS vào một StyleSheet duy nhất

Câu hỏi của tôi là có thể kết hợp tất cả CSS thành một biểu định kiểu duy nhất.

Và điều này có làm giảm thời gian phản hồi không?

Cảm ơn trước!

+0

Có thể ... Tôi thực hiện thao tác này với php, để các tệp định kiểu nằm trong các tệp riêng biệt nhưng chúng được tải dưới dạng tệp. – AllisonC

+0

Tại sao lại bỏ rơi anh ta? Anh ấy thực sự đang hỏi một câu hỏi khá thú vị. – easwee

+0

Tôi có cùng một câu hỏi này. Tôi chỉ muốn có thể kết hợp tất cả CSS của tôi thành một tệp. sử dụng hàng nhập khẩu ít hơn nếu có thể. – Chris

Trả lời

0

Nếu bạn đang sử dụng các tệp css riêng biệt cho các trình duyệt khác nhau, bạn chỉ nên tải tệp css cụ thể của trình duyệt. Trong trường hợp đó bạn sẽ không thấy nhiều tiết kiệm bằng cách kết hợp chúng. Nói chung, bạn nên thử css hoạt động trên các trình duyệt.

2

Có thể kết hợp tất cả các tệp CSS thành một tệp CSS duy nhất. Bạn có thể nhập bất kỳ số lượng tệp định kiểu bổ sung nào trong tệp css chính, ví dụ:

@import url('ie6.css'); 
@import url('ie7.css'); 
@import url('ie8.css'); 
+1

@import sẽ vẫn thực hiện yêu cầu bổ sung cho máy chủ để anh ấy không đạt được bất kỳ thứ gì ở đó. – easwee

+0

ông hỏi nếu có thể kết hợp tất cả các tệp CSS vào một biểu định kiểu duy nhất và tôi trả lời có, điều đó là có thể. – Roman

+0

Anh ấy cũng hỏi về thời gian phản hồi nên tôi nghĩ tôi nên thêm nhận xét - tôi không downvote bạn hoặc bất cứ điều gì - câu trả lời là ok. – easwee

2

Bạn có thể viết css bằng cách sử dụng các trình kích hoạt chỉ kích hoạt một tài sản cụ thể trong trình duyệt cụ thể.

Giống như:

*color: black; /* for IE7 and below */ 
_color: black; /* for IE6 and below */ 

Nhưng đó sẽ là một nỗi đau để mantain và cũng sẽ không xác nhận css của bạn nữa. Trong khi bạn làm giảm yêu cầu (bằng 1 hoặc 2?) Tôi vẫn không thấy vấn đề nếu bạn đang sử dụng bình luận có điều kiện để tải một trình duyệt css cụ thể cho IE6 cho exaple. Nó vẫn sẽ thêm 1 yêu cầu nữa mà thực sự không nhiều. Và nếu bạn cho rằng IE6 đang được sử dụng ít hơn và ít hơn thì chỉ có 10% người dùng của bạn thực sự sẽ thực hiện yêu cầu đó.

0

Có thể? Vâng. Thực tế? Không nhiều lắm. Đặc biệt là khi nói đến css trình duyệt cụ thể. Bạn có thể sử dụng hack hss nhưng IMHO họ đang khá xấu xí điều đó làm hỏng khả năng đọc css. Thay vào đó tôi muốn sử dụng các chú thích có điều kiện conditional comments. Đó là dành cho IE — cho phần còn lại của thế giới cố gắng sử dụng một css thích hợp.

Để giảm thời gian, theo như bạn muốn sử dụng các tệp css tĩnh, tốc độ tải xuống sẽ không đáng kể. Các tệp tĩnh chủ yếu được lưu trong bộ nhớ cache, vì vậy bạn chỉ lưu một vài yêu cầu chỉ trả về "Không được sửa đổi".

Các vấn đề liên quan