können CSS -Stilelemente basierend auf mehreren Klassen basieren?

Auswählen von Elementen basierend auf mehreren Klassen können nützlich sein, um komplexe Seitenlayouts zu stylen. Ohne JavaScript zu verwenden, können Sie dies erreichen, indem Sie CSS-Selektoren ohne Leerzeichen zwischen ihnen verkettet.

Zum Beispiel, um eine Stilregel auf ein Li-Tag anzuwenden, das sowohl die .Left- als auch die .ui-Klassen-Selector-Klassen hat:

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

li.left.ui-klassen-selector {& sselige {& skundig. / * Stil hier */// }

Diese CSS-Regel übereinstimmt nur Elemente und Stilelemente, die sowohl .Left- als auch .ui-Klasse-Selector-Klassen angewendet haben. / * Stil hier */// }

div.container .item.active.hovered {
    /* style here */
}

• . Item
• . Die Regel entspricht nur Elementen, in denen die Klassen in der angegebenen Reihenfolge angewendet werden.