dernier enfant de la div de classe

Je suis en train de finir mon wordpress page web et je veux le style (avec le CSS) le tableau des entrées dans les Posts de la page. WordPress crée ce: 

<div class="entry">

Il y a des charges de ces éléments dans la page, afin de les séparer, j'ai utilisé de la bordure au bas de l'entrée. Le problème, c'est que je ne veux pas de cette frontière sur la dernière entrée. Peut être quelque chose comme le fait le CSS? (Notez que ce n'est pas une liste donc je ne peux pas utiliser des pseudo-classes)

Voici le CSS, c'est assez simple:

.entry{  border-bottom: 1px solid yellow; }

HTML:

<div id="wrapper">
  <br />
  there are loads of code
  <br />
  <div class="entry">bunch of code there</div>
  <br />
  <div class="entry">bunch of code there</div>
  <br />
  <div class="entry">bunch of code there</div>
  <br />
  another huge code
  <br />
</div>

Merci d'avance pour votre aide.

Pourquoi ne pouvez-vous pas utiliser des pseudo-classes?
Ce serait formidable si vous yould montrer une partie de l'HTML-structure et comment le <div class="entry"></div>-éléments sont placés.

OriginalL'auteur Tom11 | 2012-10-18

  1. 12

    Vous avez déjà nommé ce que vous cherchez: last-child: http://reference.sitepoint.com/css/pseudoclass-lastchild

    Donc utiliser .entry:not(:last-child) { border-bottom: 1px solid yellow; }

    Remarque que ce n'est pas une liste donc je ne peux pas utiliser des pseudo-classes)

    JSYK, le pseudoclass ne dépend pas de l'élément contenant une liste. Si vous vouliez dire que le final .entry élément n'est pas réellement le dernier enfant de son conteneur, il peut être encore possible de le sélectionner. Mais je ne peux pas vous dire comment, à moins que vous me montrer ce que la majoration réelle ressemble.

    Si votre div.entry n'est pas suivie par tous les autres divs, puis le sélecteur .entry:not(:last-of-type) va travailler pour vous.

    Je suppose que, comme l'OP dit, cela ne fonctionne pas. Il semble que les entrées ne sont pas énumérés les uns après les autres à l'intérieur d'un conteneur.
    Je pensais qu'il ne voulait pas dire une liste en soi, mais une liste de <div>s dans un seul conteneur où :last-child serait de travailler. Mais peut-être que je me trompe. 🙂
    Il n'est actuellement pas possible de sélectionner le dernier élément d'une certaine classe en utilisant seulement un sélecteur CSS, sans faire d'hypothèses sur le balisage. stackoverflow.com/questions/10230416/...
    Non, mais si c'est last-of-type, ou si il y a un autre particulier périphérie qui nous permet de cible, il peut toujours être sélectionné. Dépend du balisage!
    "ils ne sont pas répertoriés dans n'importe quel conteneur" est trop ambigu pour être utile. Pouvez-vous s'il vous plaît poster le balisage?

    OriginalL'auteur tuff

  2. 6
    .entry:last-child {
  border-bottom: none;
}

    Disons que vous avez une liste <li> avec des liens <a> à l'intérieur, et vous souhaitez obtenir le dernier <a> de la <li>'.
    Utilisez simplement:

    .entry:last-child a {
  border-bottom: none;
}

    Cela permet de sélectionner le dernier de la .entry et la cible du lien(s)

    Mais je ne veux pas la cible du lien(s), je veux de la frontière que .entry élément.
    Puis il suffit d'utiliser la première partie? Ou ai-je raté quelque chose?
    La première partie ne fonctionne pas.
    La, vous avez probablement une spécificité problème.

    OriginalL'auteur JimmyRare

  3. 4

    Assez simple solution:

    #wrapper :last-child
{
    border:none;
}

    OriginalL'auteur Ishwor

  4. 0

    La plus complète prise en charge du navigateur, je vous conseille d'utiliser ce:

    .entry { border-bottom: 1px solid yellow; }
.entry:last-child { border-bottom: 0; }
    Ce n'est pas différent dans la prise en charge du navigateur de .entry:not(:last-child).
    Vrai, mais Kevin, auront frontières sur tous les éléments non porteurs navigateurs, plutôt que rien du tout, ce qui est probablement pereferable
    vous avez raison, mais cela dépend de ce que l'OP veut avoir comme dégradation à l'aide de cette méthode. Tous, ou Aucun.
    Je ne crois pas que l' :pas de sélecteur de travaux dans IE7 ou IE8.
    De note, juste pour remarque, si quelqu'un vient à travers cela et c'est utile; tout :pas et :dernier enfant de partager exactement la même prise en charge du navigateur, :first-child a un peu plus d' (ie8 prend en charge :d'abord l'enfant, mais ne prend pas en charge :ou pas :dernier enfant). Juste au cas où quelqu'un est à la tête de rayer pourquoi :dernier enfant et :ce n'est pas ne pas travailler le même que l' :d'abord l'enfant dans ie8.

    OriginalL'auteur Kevin Boucher