Ich habe eine Stilregel, die ich auf ein Tag anwenden möchte, wenn es zwei Klassen hat. Gibt es eine Möglichkeit, dies ohne JavaScript durchzuführen? Mit anderen Worten:
<li class='left ui-class-selector'>
Ich möchte meine Stilregel nur anwenden, wenn li
sowohl beide .left
als auch .ui-class-selector
Klassen angewendet wurden.
css
css-selectors
Ciel
quelle
quelle
Antworten:
Du meinst zwei Klassen? "Verketten" Sie die Selektoren (keine Leerzeichen zwischen ihnen):
Dies wählt alle Elemente aus
class1
, die auch habenclass2
.In Ihrem Fall:
Offizielle Dokumentation: CSS2-Klassenselektoren .
Wie akamike auf ein Problem mit dieser Methode in Internet Explorer 6 hinweist, möchten Sie möglicherweise Folgendes lesen: Verwenden Sie Doppelklassen in IE6-CSS?
quelle
Kettenselektoren sind nicht nur auf Klassen beschränkt, sondern können sowohl für Klassen als auch für IDs ausgeführt werden.
Klassen
Klasse & Id
Ich tat
Alle guten aktuellen Browser unterstützen dies mit Ausnahme von IE 6, das basierend auf dem letzten Selektor in der Liste ausgewählt wird. ".ClassA.classB" wird also nur basierend auf ".classB" ausgewählt.
Für Ihren Fall
oder
quelle
Sie können diese Lösungen verwenden:
CSS-Regeln gelten für alle Tags mit den folgenden zwei Klassen:
CSS-Regeln gelten für alle Tags
<li>
mit den folgenden zwei Klassen:jQuery-Lösung:
Javascript-Lösung:
quelle