2009-05-27 35 views
6

IE7 không hỗ trợ: bộ chọn giả cuối cùng. Tôi đang suy nghĩ của một cách rõ ràng thêm một tên lớp để biểu thị nó như là yếu tố cuối cùng nhưng không chắc chắn làm thế nào để chọn yếu tố này bên trong một tập tin css. Bất cứ ai có bất cứ ý tưởng về làm thế nào để làm điều này?Cách chọn phần tử html có hai tên lớp?

Trả lời

14
.class1.class2 {color:red} 

<div class="class1 class2"></div> 

hoặc cài đặt IE7-js và: cuối cùng con sẽ "chỉ làm việc".

+0

Lưu ý rằng IE6 bị hỏng khi nói đến nhiều bộ chọn lớp như thế này. http://www.ryanbrill.com/archives/multiple-classes-in-ie/ giải thích chi tiết hơn và có một công việc xung quanh. – Quentin

+0

thư viện IE7-js cũng là một công việc xung quanh, và nó cho phép đầu tiên/cuối cùng con là tốt. Tôi thích nó. – SpliFF

3

Nếu bạn có

<div class="element"/> 
<div class="element last"/> 

Bạn chỉ có thể làm

div.element 
{ 
    // styles effect both divs 
} 

div.last 
{ 
    // style will only effect the second element and overides because lower in the css 
} 
0

Một điều cần lưu ý thêm về nhiều classnames là IE6 không thể xử lý chúng đúng cách. Nó sẽ chỉ xem xét tên lớp cuối cùng trong danh sách:

.class1.class2 {color:red} => .class2 in IE6 
Các vấn đề liên quan