Markus: Auf letztes Element einer Liste zugreifen

Hallo zusammen,

weiss jemand ob man ohne Angabe ID auf das letzte Element einer Liste zugreifen kann?

Als Beispiel:

<ul class="menu">
<li><a href="#"><span>Admin</span></a></li>
<li><a href="#"><span>Home</span></a></li>
<ul>

Wie kann man per CSS dem letzen Element eine Border zufügen?

Leider klappt das nicht?

.menu li li {border-right:1px solid #585142}

Weiss jemand die Lösung?

Danke im voraus.

  1. hallo,

    Wie kann man per CSS dem letzen Element eine Border zufügen?

    Gib ihm einen Klassennamen, zum Beispiel "last".

    Leider klappt das nicht?
    .menu li li {border-right:1px solid #585142}

    Das kann deshalb nicht "klappen", weil du deine Liste noch nicht verschachtelt hast.

    Grüße aus Berlin

    Christoph S.

    --
    Visitenkarte
    ss:| zu:) ls:& fo:) va:) sh:| rl:|
  2. Hi Markus,

    weiss jemand ob man ohne Angabe ID auf das letzte Element einer Liste zugreifen kann?

    Ja, mit einer Klasse.

    Wie kann man per CSS dem letzen Element eine Border zufügen?

    Leider klappt das nicht?

    .menu li li {border-right:1px solid #585142}

    So wird es wohl nicht gehen, wie gesagt, am besten mit einer Klasse oder noch ein verschachteltes ul,

      
    <ul>  
        <li></li>  
        <li></li>  
         <ul>  
            <li></li>  
         </ul>  
    </ul>
    
      
    ul ul li {
    

    Grüße aus H im R,
    Engin

  3. weiss jemand ob man ohne Angabe ID auf das letzte Element einer Liste zugreifen kann?

    :last-child
    :last-of-type

    <ul class="menu">
    <li><a href="#"><span>Admin</span></a></li>
    <li><a href="#"><span>Home</span></a></li>
    <ul>

    Wie kann man per CSS dem letzen Element eine Border zufügen?

    Browserübergreifend? Mit einer Klasse.

    Roland

    --
    Top Fives // »Falco († 06.02.1998)«
    1. Hallo Roland,

      danke für den Hinweis!

      :last-child
      :last-of-type

      Viele Grüße und eine gute Nacht!

    2. Hi,

      ich bin es nochmal. Leider geht :last-child bei Internet Explorer 6 nicht. Dann werde ich wohl doch IDs bei den LIs einsetzen müssen.

      1. Hi Markus,

        ich bin es nochmal. Leider geht :last-child bei Internet Explorer 6 nicht.

        Browserübergreifend? Mit einer Klasse.

        Dann werde ich wohl doch IDs bei den LIs einsetzen müssen.

        Dann musst du drauf achten, das die ID nicht 2 mal in deinem Dokument vorkommt.

        Grüße aus H im R,
        Engin