Heim > Web-Frontend > CSS-Tutorial > 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
Freigeben: 2023-09-21 16:45:05
nach vorne
1213 Leute haben es durchsucht

如果父级有一个具有 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 { ... }
Nach dem Login kopieren

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.

  • Das Tag definiert das Listenelement.
      -Tags definieren eine ungeordnete Liste (mit Aufzählungszeichen).

      $('ul li:has(ul.sub)').addClass('has_sub');
      Nach dem Login kopieren

      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!

  • Quelle:tutorialspoint.com
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage