Wybierz element na podstawie wielu klas

Question

Mam regułę stylu Chcę zastosować do znacznika, gdy ma style dwóch. Czy istnieje sposób, aby wykonać to bez JavaScript? Innymi słowy:

<li class='left ui-class-selector'> 

chcę zastosować w moim stylu regułę tylko jeśli li ma zarówno .left i .ui-class-selector klas stosowane.

Answer 1

Masz na myśli dwie klasy? „łańcuch” selektorów (bez spacji między nimi):

.class1.class2 { 
    /* style here */ 
} 

ten wybiera wszystkie elementy z class1 które również mają class2.

W twoim przypadku:

li.left.ui-class-selector { 

} 

Oficjalna dokumentacja: CSS2 class selectors.

---

Jak akamike zwraca uwagę na problem z tej metody w programie Internet Explorer 6 może chcesz przeczytać: Use double classes in IE6 CSS?

Answer 2

selektorów łańcuchowe nie są ograniczone tylko do klas, można to zrobić dla obu klas i ids.

Klasy

.classA.classB { 
/*style here*/ 
} 

Class & Id

.classA#idB { 
/*style here*/ 
} 

Id & Id

#idA#idB { 
/*style here*/ 
} 

Wszystkie dobre aktualne przeglądarki obsługują to, oprócz IE 6, wybiera na podstawie ostatniego selektora na liście. Tak więc ".classA.classB" wybierze na podstawie ".classB".

Twoim przypadku

li.left.ui-class-selector { 
/*style here*/ 
} 

lub

.left.ui-class-selector { 
/*style here*/ 
}