Sidebar: Listitems in erster Ebene formatieren

edge

Moin!
Nachdem mir bei meinem ersten Problem schon so gut geholfen wurde, habe ich nun noch eine Frage :)

Ich möchte in der Standart Sidebar den Listitems (<li>) der unsortierten Liste (<ul>) aus der ersten Ebene des #sidebar divs einen Hintergrund verpassen.

Ich hatte es zunächst so versucht:

Code

#sidebar ul>li {
        background-color: #f8f8f8;
        border: 1px solid #C8C6C7;
        -moz-border-radius:10px;
}

Leider bekommen die Items aus den unsortierten Listen der 2. Ebene diese Werte nun natürlich auch. Sollen sie aber nicht :)

Später bin ich dann auf eine, für mich sinnvolle, Lösung gekommen:

Code

div#sidebar > ul li {
        background-color: #f8f8f8;
        border: 1px solid #C8C6C7;
        -moz-border-radius:10px;
}

Bei dieser Version passiert aber garnix :(

Hoffe, dass mir jemand helfen kann.

Gruß
edge

Werbepost

Hallo!

Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
✔️ Deutsche Server & DSGVO-konform
✔️ Persönlicher Support (kein 0815-Ticket-System)

Mehr erfahren

telekommander

Hm, kenne weder Link, noch den dazupassenden Quellcode. Also nur ein Vorschlag:

Definiere ein zusätzliche Klasse oder ID.

[FONT="Courier New"]
<ul class="name_deiner__wahl">
<li>Item</li>
<li> .. </li>
<li>Item</li>
</ul>

[/FONT]
Fürs Stylesheet:
[FONT="Courier New"]
#sidebar ul.name_deiner_wahl li {
background-color: #f8f8f8;
border: 1px solid #C8C6C7;
-moz-border-radius:10px;
}
[/FONT]

Test it ...

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Sidebar: Listitems in erster Ebene formatieren

Jetzt mitmachen!