Menü, letztes Feld soll kein Begrenzungsbild bekommen

[Andy]

.hor ul li a {
margin: 0 0 0 0;
background:url(images/trenner.jpg) no-repeat right 5px;
display:block;
text-decoration:none;
width:189px;
text-align:center;
color:#000;
font-size:14px;
overflow:hidden;
padding:20px 0 20px 0;
}

Bis hier geht alles perfekt, doch nun möchte ich ins letzte ul li a Element kein trenn Jpg. Ich dachte so müsste es gehen, doch leider funzt es nicht so recht.

.hor ul> li  a:last-child {
background-image: none !important;
}

Kann mir da jemand meine Nase auf das Problem stossen!!!!

Danke
Andy

[Gunnar Bittersmann]

@@Andy:

nuqneH

.hor ul li a {

Warum hier Nachfahrenselektor

.hor ul> li  a:last-child {

und hier Kindselektor?

Und warum überhaupt ul mit im Selektor? li-Elemente sind garantiert Kinder von ul (bzw. ol). Und auch li ist vielleicht nicht unbedingt erforderlich, '.hor a' könnte genügen.

doch nun möchte ich ins letzte ul li a Element kein trenn Jpg.

Du möchtest das jeweils letzte a-Element in jedem li-Element selektieren? Wirklich?

background-image: none !important;

'!important' ist in den wenigsten Fällen eine gute Idee. Hier nicht. Und auch überhaupt nicht nötig: Durch die zusätzliche Pseudoklasse ':last-child' ist der zweite Selektor schon spezifischer als der erste.

Qapla'

[MudGuard]

Hi,

Bis hier geht alles perfekt, doch nun möchte ich ins letzte ul li a Element kein trenn Jpg. Ich dachte so müsste es gehen, doch leider funzt es nicht so recht.

.hor ul> li  a:last-child {

wieviele a-Elemente hast Du denn in jedem li-Element?

Willst Du vielleicht lieber das a-Element im letzten li-Element selektieren?

background-image: none !important;

Auweia, die !important-Keule ...

cu,
Andreas