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
In diesem Artikel wird der spezifische Code von j...
Inhaltsverzeichnis Überblick Methode 1: Parameter...
Was ist ein Sticky-Footer-Layout? Unser übliches ...
Hintergrund-Controller @RequestMapping("/get...
<!DOCTYPE HEML PUBLIC> <html> <Kop...
In diesem Artikelbeispiel wird der spezifische Co...
Zen-Codierung Es ist ein Texteditor-Plugin. In ei...
Mysql konvertiert Abfrageergebnissatz in JSON-Dat...
Dieser Artikel beschreibt verschiedene Möglichkei...
Schließung Dienst Nginx stoppen systemctl stoppt ...
Hintergrund: Wenn es in MySQL eine begrenzte Eben...
Inhaltsverzeichnis 0x01. Installieren Sie das Pag...
Im vorherigen Artikel https://www.jb51.net/articl...
In diesem Artikel wird das grafische Tutorial zur...
Inhaltsverzeichnis Einführung Schritt 1 Schritt 2...