Supprimer la dernière frontière-bas?

- Je utiliser li pour afficher une liste de dossiers.

Chaque li a un bas-border:1px solid black;

mais je ne veux pas afficher la bordure à la fin de li?

exemple:

.test li{
        height:1%;
        overflow:hidden;
        padding:4px 0;
        margin:-1px 0 0;
        border-bottom: 1px solid black;
    }

.test li.last { border-bottom: none;  }

<ul class="test">
  <li> Foo 1 </li>
  <li> Foo 2 </li>
  <li> Foo 3 </li>
</ul>

Foo 3 toujours à l'affiche de la bordure inférieure.

Vous ne vous donnez pas la dernière LI une classe last

OriginalL'auteur user622378 | 2011-02-20

  1. 14

    Vous pouvez également définir la bordure du haut de la place et utiliser le sélecteur de frères pour gérer cela sans la nécessité d'une classe supplémentaire:

    .test li{
        height:1%;
        overflow:hidden;
        padding:4px 0;
        margin:-1px 0 0;
    }

.test li + li { border-top: 1px solid black;  }
    Merci à vous, qui ne fonctionne pas mais cela fonctionne? Qu'est-ce que li + li?
    href="http://www.w3.org/TR/CSS2/selector.html" >w3.org/TR/CSS2/selector.html E + F: Correspond à tout élément F immédiatement précédé par un élément frère E. Dans ce cas, il correspond à tout li immédiatement précédée par une batterie li.

    OriginalL'auteur jswolf19

  2. 16
    .test li{
        height:1%;
        overflow:hidden;
        padding:4px 0;
        margin:-1px 0 0;
        border-bottom: 1px solid black;
    }

.test li:last-child { border-bottom: none;  }

    OriginalL'auteur Robin Maben

  3. 3

    Ajouter une classe à la li de la dernière ou si css3 est acceptable

    ul.test>li:last-of-type {
    border-bottom:none
    }

    OriginalL'auteur Shaun Hare

  4. 3

    vous pouvez utiliser jquery trop

    $('ul li:last-child').css('border-bottom', 'none');

    Je préfère cette façon, car cela signifie moins de sautiller et de fou bizarre exceptions dans votre css.

    :dernier enfant est une excellente option, car il sélectionne le dernier élément pour chaque parent. Merci!

    OriginalL'auteur jonezy

  5. 0

    Veuillez ajouter une classe à ceci :

    li:last-child { border-bottom: none; }

    OriginalL'auteur Monyane Ramollo