dernier enfant

je la structure HTML suivante:dernier enfant

<div class="decorator"> 
    <div class="EC_MyICHP_Item"> 
     <div class="text"> 
      <h3><a target="_blank" title="" href="#"></a></h3> 
      text here text here text here text here text here text here 
     </div> 
    </div> 

    <div class="EC_MyICHP_Item"> 
     <div class="text"> 
      <h3><a target="_blank" title="" href="#"></a></h3> 
      text here text here text here text here text here text here 
     </div> 
    </div> 

    <div class="EC_MyICHP_Item"> 
     <div class="text"> 
      <h3><a target="_blank" title="" href="#"></a></h3> 
      text here text here text here text here text here text here 
     </div> 
    </div> 

    <div class="readmore"><a></a></div> 
</div>

Je suis en train de sélectionner le dernier EC_MyICHP_Item, à l'aide de dernier enfant, mais en vain. (CSS et jQuery) Pourriez-vous m'aider?

Merci.

Source

2011-09-02 George Katsanos

J'ai fait une erreur dans mon code: Il y a une dernière div que je viens d'ajouter. Je crois que cela interfère, bien qu'il n'ait pas le même nom de classe. –

Vous devez utiliser :last-child à la fin du sélecteur.

div.EC_MyICHP_Item:last-child

http://reference.sitepoint.com/css/pseudoclass-lastchild

Exemple: http://jsfiddle.net/jasongennaro/zrufd/

S'il vous plaît noter: cela ne fonctionnera pas dans les versions antérieures d'Internet Explorer.

EDIT

Selon le commentaire au sujet de la dernière div étant ajoutée et interférer. Tu as raison. Il provoque :last-child à s'étouffer ... au moins dans Chrome où je l'ai testé.

Si votre structure HTML reste le même, qui est toujours trois div.EC_MyICHP_Item, vous pouvez le faire

.EC_MyICHP_Item:nth-child(3)

Mise à jour Exemple:http://jsfiddle.net/jasongennaro/zrufd/1/

EDIT # 2

malheureusement e nombre de EC_MyICHP_Item de div varie

Dans ce cas, j'utiliser jQuery:

$('.EC_MyICHP_Item:last')

Autre exemple mis à jour:http://jsfiddle.net/zrufd/2/

Source

2011-09-02 12:22:35

J'ai fait une erreur dans mon code: Il y a une dernière div que je viens d'ajouter. Je crois que cela interfère, bien qu'il n'ait pas le même nom de classe. –

Ah-ha @George. Voir ma modification. –

malheureusement le nombre de div EC_MyICHP_Item varie:/ –

.EC_MyICHP_Item:last-child devrait bien fonctionner.

Il est important de réaliser que E:last-child signifie "un élément E, qui est un dernier enfant", pas "dernier enfant de l'élément E".

Source

2011-09-02 12:21:03 duri

J'ai ajouté l'ID à des fins de test uniquement. Mais utilisez :last.

http://jsfiddle.net/aDbcW/1/

Source

2011-09-02 12:22:23

.EC_MyICHP_Item:last-child ne fonctionne que si le div est le dernier enfant de sa div parente. Puisque vous avez div.readmore comme dernier enfant du parent, votre sélecteur ne fonctionnerait pas. Vous devez utiliser .EC_MyICHP_Item:last-of-type à la place.

Éditer: dans jQuery cela se traduirait par.

Source

2011-09-02 17:19:26 Artyom

le dernier sélecteur de type ne fonctionnait pas (testé en violon) Je vais essayer jQuery pour le support de plusieurs navigateurs –

dernier enfant

Répondre

Questions connexes