li Element mit CSS ausblenden

css-hacks

Um mittels CSS ein <li> Element anzusprechen muss diesem zumindest ein „einzigartiger“ Wert zugewiesen sein. Eine Option hier z.B. der „title“.

Im Code würde das wie folgt aussehen:

<li title="meinTitel">.....Inhalt</li>

Um nun mit CSS dieses Element an einer bestimmten Stelle „auszublenden“ könnt ihr den folgenden CSS Code nutzen:

li[title^='meinTitel'], [title*=' meinTitel']{
display: none;
}

Eine weitere Möglichkeit ist die Zuweisung einer „class“. Das Ganze schaut dann wie folgt aus:

<ul>
<li class="nodisplay">Element1</li>
<li>Element2</li>
</ul>

Mit dem entsprechenden CSS blendet ihr dann das Element aus:

.nodisplay {
display: none;
}
>

154 SEO Tools - die ultimative Liste!

Abonniere jetzt unseren Newsletter und lade dir die Liste kostenlos herunter!

Alles klar! Prüfe jetzt deinen Posteingang um die Anmeldung abzuschließen.