CSS quy tắc ".drop.a" được áp dụng cho lớp 'kéo một'

Question

Tôi có đánh dấu HTML sau:

<div class="drag a"></div> 
<div class="drop a"></div> 

Tôi cũng có những quy tắc CSS sau đây, mà chỉ nên được áp dụng cho div thứ 2 của tôi :

.drop.a 
{ 
    background-color:red; 
} 

Điều này đang hoạt động tốt, ngoại trừ trong Internet Explorer 9 quy tắc CSS đang được áp dụng cho cả hai yếu tố.

Tại sao điều này? Tôi nghĩ loại CSS này tương thích phổ biến với tất cả các trình duyệt?

Answer 1

Tôi nghĩ loại CSS này tương thích phổ biến với tất cả các trình duyệt?

Không. IE up to and including version 6 ignores all class selectors in a chain except the last one. IE9 có thể hiển thị trang của bạn ở chế độ quirks, có nghĩa là trang sẽ hoạt động giống như người tiền nhiệm của nó và xử lý công cụ chọn .drop.a của bạn làm .a thay thế.

Hãy thử thêm tuyên bố loại tài liệu vào trang của bạn và xem có khắc phục được không. Nếu bạn đã có một trang trên trang của mình và bạn vẫn thấy hành vi này, có điều gì đó không ổn.