CSS stimmt mit mehreren Klassen überein Das folgende HTML-Tag „li, class“ hat den offenen Stil. Meine Anforderung ist, die Hintergrundfarbe nur dann auf Weiß zu ändern, wenn „offen“ und „aktiv“ gleichzeitig vorhanden sind. <li id="menu_268098" title="Abfrage der Kontoinformationen" class="open"> <li id="menu_270008" class="nav_sec" title="Kontostandabfrage"> <a href="#/p/payment.search.account_balance" class="dropdown-toggle"> <span class="nav-title">Kontostandabfrage</span> </a> </li> </ul> </li> <li id="menu_268098" title="Abfrage der Kontoinformationen" class="open active"> <li id="menu_270008" class="nav_sec" title="Kontostandabfrage"> <a href="#/p/payment.search.account_balance" class="dropdown-toggle"> <span class="nav-title">Kontostandabfrage</span> </a> </li> </ul> </li> Das CSS kann wie folgt geschrieben werden: li.öffnen.aktiv{ Hintergrundfarbe: #fff; } Hinweis: Zwischen .open.active darf kein Leerzeichen stehen Zusammenfassen Dies ist das Ende dieses Artikels zum Abgleichen mehrerer Klassen in CSS. Weitere Informationen zum Abgleichen mehrerer Klassen in CSS finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, Sie werden 123WORDPRESS.COM auch in Zukunft unterstützen! |
<<: Feste Tabellenbreite table-layout: fest
>>: 5 Gründe, warum sich Responsive Webdesign nicht lohnt
Inhaltsverzeichnis 1. Array-Abflachung (auch als ...
MAC installiert mysql8.0, der spezifische Inhalt ...
1. löschen delete ist die einzige wirkliche Mögli...
Wie der Titel schon sagt, kann andernfalls bei ein...
Inhaltsverzeichnis 1. Vue-Listener-Array 2. Situa...
Inhaltsverzeichnis Legen Sie beim Erstellen einer...
Vorwort Eine Anforderung, die ich zuvor zur Verei...
Wenn ich irgendwelche unklaren Fragen habe, gehe ...
<meta http-equiv="x-ua-kompatibel" co...
Holen Sie sich die Anzahl der Verbindungen --- Ho...
ant-design-vue passt die Verwendung von Ali Iconf...
Die goldene Regel Befolgen Sie immer die gleichen...
Wenn Sie es wären, wie würden Sie es erreichen, w...
Inhaltsverzeichnis Was ist das Beobachtermuster? ...
<div ausrichten="zentrieren"> <...