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;
}
