Heim  >  Artikel  >  Web-Frontend  >  Wenn das übergeordnete Element ein untergeordnetes Element mit CSS und HTML hat, wenden Sie Stile auf das übergeordnete Element an

Wenn das übergeordnete Element ein untergeordnetes Element mit CSS und HTML hat, wenden Sie Stile auf das übergeordnete Element an

WBOY
WBOYnach vorne
2023-09-21 16:45:051155Durchsuche

如果父级有一个具有 CSS 和 HTML 的子级,则将样式应用于父级

Die Elternauswahl ist in CSS3 nicht vorhanden. Hierfür wird empfohlen, den CSS4-Selektor $ zu verwenden, der so aussehen könnte (Auswahl des li-Elements) -

ul $li ul.sub { ... }

Alternativ können Sie diese Funktionalität mit jQuery mit einer einzigen Codezeile erreichen. Der Selektor :has() wählt alle Elemente aus, die ein oder mehrere Elemente enthalten, die mit dem angegebenen Selektor übereinstimmen. 25edfb22a4f469ecb59f1190150159c6Das Tag definiert das Listenelement. ff6d136ddc5fdfeffaf53ff6ee95f185-Tags definieren eine ungeordnete Liste (mit Aufzählungszeichen).

$('ul li:has(ul.sub)').addClass('has_sub');

Sie können Stile zu li.has_sub in CSS hinzufügen.

Das obige ist der detaillierte Inhalt vonWenn das übergeordnete Element ein untergeordnetes Element mit CSS und HTML hat, wenden Sie Stile auf das übergeordnete Element an. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen