css: hỗ trợ mọi lớp: trạng thái di chuột?

Question

Nếu tôi sử dụng một lớp cho một div bình thường, tôi có thể viết css như:

.messagebc:hover { 
... 
} 

Có quy phạm pháp luật?

Answer 1

Đó là ineffiecient sử dụng: di chuột trên các yếu tố không liên kết.

Tránh: trình chọn giả cuộn chuột cho các phần tử không liên kết cho ứng dụng khách IE.

Nếu bạn sử dụng: hover trên không neo yếu tố, kiểm tra trang trong IE7 và IE8 để chắc chắn trang của bạn là sử dụng được. Nếu bạn thấy rằng: di chuột đang gây ra các sự cố về hiệu suất , hãy xem xét có điều kiện bằng cách sử dụng JavaScript trình xử lý sự kiện onmouseover cho trình duyệt IE khách hàng.

: hover pseudo-selector đến các yếu tố phi liên kết là một chọn rất ineffiecient (ví dụ): Ví dụ:

h3:hover {...} 
.foo:hover {...} 
#foo:hover {...} 
div.faa :hover {...} 

Các: hover pseudo-selector trên các yếu tố phi neo được biết đến làm cho IE7 và IE8 chậm trong một số trường hợp *. Khi một DOCTYPE không được sử dụng, IE7 và IE8 sẽ bỏ qua: di chuột qua bất kỳ phần tử nào khác ngoài neo. Khi sử dụng loại tài liệu nghiêm ngặt, hãy di chuột lên các neo không có thể gây ra sự xuống cấp hiệu suất.

More info on un-effiecient selectors

Answer 2

Có, tuy nhiên trong IE6 bạn chỉ có thể đặt :hover chỉ trên các phần tử ANCHOR.

Answer 3

tại sao bạn không thử nó một cách đơn giản? có, bạn có thể (trong tất cả các trình duyệt hiện đại, IE6 biết: chỉ di chuột qua a, nếu tôi nhớ đúng).

Answer 4

Chỉ IE6 không hỗ trợ nó trên các yếu tố khác ngoài <a>, nhưng điều đó có thể được cố định với một javascript đơn giản: ie7.js

Answer 5

Có bạn có thể sử dụng :hover cho tất cả các yếu tố trong các trình duyệt hiện đại (IE7 +). Trong khi IE6 chỉ hỗ trợ :hover cho các thành phần <a>, bạn nên viết html và css, bạn sẽ không cần sử dụng các bản vá lỗi js (ví dụ: trong danh sách menu chỉ sử dụng <li><a href="#">Link</a></li>, chứ không phải <a><li><a> và gán :hover cho liên kết Điều này nên thực hiện thủ thuật.)

Answer 6

Mọi trình duyệt hiện tại đều sẽ hỗ trợ. Nếu bạn cần nó để làm việc trong một trình duyệt cũ hơn như IE6 sau đó hãy xem liên kết @ Willem.

Answer 7

Các cổ phần của IE6 là 5,55% và là giảm hàng ngày Vì vậy, bạn có thể sử dụng nó Wikipedia ie6

Answer 8

Nếu bởi lớp hạn bạn có nghĩa là phần tử HTML thì có mỗi W3C spec bạn có thể sử dụng: hover selector trên tất cả các yếu tố. Cho dù bạn nên hay không là một câu hỏi khác nhau.

Nguồn:

http://www.w3schools.com/cssref/sel_hover.asp http://www.w3.org/2009/cheatsheet/#search,%3Ahover