Kategorieliste nur oberstes bzw. untersten Element anders darstellen

[neicooo]

Moin,

ich hab nun schon vieles probiert aber nichts hat geholfen.

Ich habe meiner Kategorieliste per CSS einen Hintergrund verpasst und zum besseren trennen einen Strich zwischen den Kategorien gezogen.

Um das ganze nun aber optisch abzurunden würde ich nun gerne den Hintergrund des obersten Kategoriepunktes an den oberen Ecken und den letzten Kategoriepunkt an den unteren Ecken abrunden.

Gleiche Problem habe ich beim letzten Punkt der Kategoriepunkte mit der Linie, die ich wie folgt realisiert habe:

Code: CSS  [Auswählen]

border-bottom: 1px solid black;

Dementsprechend hat natürlich auch der letzte Kategoriepunkt eine Linie, die da nicht hingehört, wer kann mir weiterhelfen?

Hoffe das ist verständlich genug erklärt.

Neueste Shopversion, wenn noch andere Codes benötigt werden, einfach fragen. (;

Linkback: https://www.modified-shop.org/forum/index.php?topic=28174.0

[neicooo]

Also klar ist ich muss mit den Pseudoklassen last_child und first_child arbeiten, ich habe es aber mittlerweile schon auf 100 Varianten versucht einzubinden, ich bekomms einfach nicht hin...

Was mache ich falsch?

Code: CSS  [Auswählen]

ul.navigation li:first child a{
        border-top-left-radius: 10px;
        border-top-right-radius: 10px;
}

[neicooo]

Hat sich erledigt, doof wie ich war übersieht man wie sooft das offensichtlichste, erst als ich mein Posting hier nochmal las fiel mir es auf.

Ohne den Bindestrich zwischen first und child kann es ja nicht gehen.