2011-08-08 17 views
7

Tôi đang bắt đầu một dự án web hoàn toàn mới và muốn biết liệu tôi có thể sử dụng một cách an toàn nhiều lớp CSS hiện nay hay không.Có phải nhiều lớp CSS cho mỗi thẻ an toàn để sử dụng không?

<div class="float-left bold bordered"></div>

Do các trình duyệt phổ biến nhất hỗ trợ này, hoặc một tỷ lệ đáng kể lượng khách truy cập của tôi sẽ chạy vào rắc rối lớn xem trang?

Tôi không lo lắng về các trường hợp đặc biệt như người dùng Netscape 1.0, nhưng các trình duyệt và phiên bản thường được sử dụng trong các công ty những ngày này.

+0

Tôi thực sự muốn biết bạn nghĩ thế nào về câu hỏi này :) - nếu một phần tử chỉ có thể hỗ trợ một lớp bạn nghĩ có ai đó sẽ sử dụng CSS không ?? Nó sẽ là một hạn chế nghiêm trọng! Mở Gmail và xem nguồn, ví dụ và bạn sẽ thấy có bao nhiêu lớp mà một phần tử có thể có :) – PhD

+0

Theo như tôi biết việc sử dụng nhiều lớp là một phần của HTML/CSS ngay từ đầu (tức là kể từ khi CSS 1.0 được giới thiệu) . –

+0

@Nupul: Tôi nhớ khi tôi cân nhắc sử dụng cách đây vài năm, nhưng nó không được hỗ trợ đủ tốt vào thời điểm đó. (ví dụ như IE cũ) Kể từ đó, tôi luôn sử dụng các lớp đơn, nhưng tất nhiên nhiều lớp sẽ làm mọi việc trở nên dễ dàng hơn nhiều. :) – magnattic

Trả lời

6

Hầu như mọi trình duyệt hiện đại đều hỗ trợ điều này, có vẻ như lỗi trong IE < = 6, nhưng bạn nên ổn vì thiếu chức năng này sẽ cản trở nhiều trang web/ứng dụng chính.

Các liên kết sau đây có một biểu đồ hiển thị hỗ trợ cho nhiều lớp CSS bằng trình duyệt:

CSS Support By Browser

Netscape 1.0 có thể sẽ không hỗ trợ điều này, như Netscape thiếu hỗ trợ cho nó trong 4.0. Source

Netscape 4.0+

  • Nhiều tên lớp cho một yếu tố không được hỗ trợ.
+0

Tôi chỉ sử dụng Netscape 1.0 làm ví dụ cho một trình duyệt thực sự lỗi thời. ;) Cảm ơn câu trả lời, vui mừng khi nghe được hỗ trợ tốt. Nhiều lớp chắc chắn làm mọi thứ dễ dàng hơn. – magnattic

+2

Không vấn đề gì - không biết liệu bạn có một số người dùng cổ xưa rất lạ trong một hang động ở đâu đó bằng Netscape 1.0 ... :) –

1

Có, mọi trình duyệt chính đều hỗ trợ điều này.

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