Rainer: Mit css ausblenden?

Hallo, habe folgenden Code

<div class="nav">
<h4>Allgemein</h4>
<ul>.....</ul>
<h4>Tools</h4>
<ul>....</ul>
<h4>Anderes</h4>
<ul>....</ul>
</div>

Ich möchte das 3. h4 (Anderes) und nachfolgende ul ausblenden. Das Markup kann ich nicht verändern. Komme ich mit css irgendwie dahin diese beiden mit display:none; auszublenden?

Gruß Rainer

  1. Hallo,

    Ich möchte das 3. h4 (Anderes) und nachfolgende ul ausblenden. Das Markup kann ich nicht verändern. Komme ich mit css irgendwie dahin diese beiden mit display:none; auszublenden?

    ja, das kannst du so machen

    .nav h4:nth-of-type(3) {
        display: none;
    }
    .nav ul:nth-of-type(3) {
        display: none;
    }
    

    Mehr zu nth-of-type im Wiki

    1. Danke, passt.

  2. Hallo,

    Ich möchte das 3. h4 (Anderes) und nachfolgende ul ausblenden. Das Markup kann ich nicht verändern. Komme ich mit css irgendwie dahin diese beiden mit display:none; auszublenden?

    Sara hat ja im Prinzip schon gelöst, aber falls es nicht immer das dritte Element ist, könntest du evtl. mit last-child o.ä. was werden. Vielleicht auch mit dem Geschwister-Selektor.

    Gruß
    Kalk