2009-05-27 8 views
6

IE7 desteklemiyor: son çocuk sahte seçici. Son öğe olarak göstermek için bir sınıf adı açıkça eklemeyi düşünüyorum ama bu öğenin bir css dosyası içinde nasıl seçileceğini bilmiyorum. Bunun nasıl yapılacağı konusunda herhangi bir fikri olan var mı?İki sınıf adı olan bir html öğesi nasıl seçilir?

cevap

14
.class1.class2 {color:red} 

ve

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

veya IE7-js ve yüklemek

: Geçen-çocuk "Sadece çalışmak" olacak.

+0

IE6'nın, bu gibi birden çok sınıf seçicisi söz konusu olduğunda kırıldığını unutmayın. http://www.ryanbrill.com/archives/multiple-classes-in-ie/ daha ayrıntılı olarak açıklar ve etrafında bir çalışma vardır. – Quentin

+0

IE7-js kütüphanesi de bir çalışma ortamıdır ve ilk/son çocuğu da sağlar. Onu seviyorum. – SpliFF

3

Eğer sadece birden sınıf isimlerinin ilgili dikkate alınması gereken

div.element 
{ 
    // styles effect both divs 
} 

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

Bir ilave şeyi yapabileceği

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

varsa IE6 bunları düzgün işleyemez olmasıdır. Listede yalnızca son sınıf adını dikkate alacaktır:

.class1.class2 {color:red} => .class2 in IE6