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?
6
A
Trả lời
14
.class1.class2 {color:red}
và
<div class="class1 class2"></div>
hoặc cài đặt IE7-js và: cuối cùng con sẽ "chỉ làm việc".
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
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
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