li Element mit CSS ausblenden

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;
}
Christian
Christian
Mein Name ist Christian und ich bin Mitgründer der Plattform fastWP. Hier im Magazin bin ich für die eher "technisch" lastigen Themen zuständig aber schreibe gerne über das Thema SEO, das nun bereits seit über 10 Jahren zu meiner Leidenschaft gehört.

HINTERLASSEN SIE EINE ANTWORT

Please enter your comment!
Please enter your name here

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.