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
1 Einleitung Die Thread-Technologie wurde bereits...
Vorwort: Dieser Artikel stellt hauptsächlich den ...
Vorwort Durch das Hinzufügen einer Drag & Dro...
Mit der GROUP BY-Syntax können die Abfrageergebni...
Früher dachte ich, dass Skripte überall in HTML p...
Ein statischer Knoten ist auf einer Maschine fixi...
Es gibt wahrscheinlich ebenso viele modulare Lösu...
Vorwort In diesem Artikel wird hauptsächlich ein ...
Die Voraussetzungen sind wie folgt Exportieren Si...
1 Herunterladen Die Adresse lautet: https://dev.m...
Inhaltsverzeichnis 1 Einführung in den neuen Oper...
Inhaltsverzeichnis 3 Möglichkeiten zum Bereitstel...
Code kopieren Der Code lautet wie folgt: <span...
Inhaltsverzeichnis 1. Verwenden Sie Plugin-Ausdrü...
html <div > <button type="button&qu...