Zielelemente mit mehreren Klassen mithilfe von CSS-Selektoren
Berücksichtigen Sie die folgende HTML-Struktur:
<div class="foo">Hello Foo</div> <div class="foo bar">Hello World</div> <div class="bar">Hello Bar</div>
Zum selektiven Stil ein Element, das zwei spezifische Klassen besitzt, verwenden Sie die folgende CSS-Syntax:
.foo.bar {
/* Styles for elements with both foo AND bar classes */
}In Im bereitgestellten Beispiel zielt dieser Selektor ausschließlich auf das zweite
<div class="foo bar">Hello World</div>
Achtung für Internet Explorer 6
Beachten Sie, dass Internet Explorer 6 verkettete Klassenselektoren nicht vollständig unterstützt. Folglich werden bei der Anwendung der oben genannten CSS-Regel in IE6 Stile nur auf Elemente mit der zuletzt angegebenen Klasse (.bar) angewendet.
Für Browser, die IE6 noch unterstützen, sollten Sie alternative Ansätze in Betracht ziehen, um Elemente mit mehreren Klassen anzusprechen.
Das obige ist der detaillierte Inhalt vonWie kann ich Elemente mit mehreren Klassen mithilfe von CSS-Selektoren formatieren?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
![[Web-Frontend] Node.js-Schnellstart](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
