Comment puis-je ajouter une “dernière” de la classe sur le dernier <li> dans une Vue liste?

Comment puis-je ajouter une "dernière" de la classe sur la dernière <li> dans une Vue liste?

Je ne suis pas familier avec Drupal, soins de partage de code?

OriginalL'auteur user20273 | 2008-09-22

  1. 9

    Vous pouvez utiliser le dernier enfant pseudo-classe sur l'élément li pour atteindre cet

    <html>
<head>
<style type="text/css">
ul li:last-child
{
font-weight:bold
}
</style>
</head>
<body>
<ul>
<li>IE</li>
<li>Firefox</li>
<li>Safari</li>
</ul>
</body>
</html>

    Il y a aussi un premier enfant pseudo classe disponible.

    Je ne suis pas sûr que le dernier enfant de l'élément fonctionne dans IE.

    ressemble à une tête Grâce, l'homme - j'ai oublié le CSS pseudoclasses.
    last-child pris en charge depuis IE9

    OriginalL'auteur Tim C

  2. 2

    Alternativement, vous pouvez obtenir ce par le biais de JavaScript si certains navigateurs ne prennent pas en charge le dernier enfant de la classe. Par exemple, ce script définit le nom de la classe pour le dernier 'li' élément 'ul balises, bien qu'il pourrait facilement être adapté pour d'autres marques, ou des éléments spécifiques.

    function highlightLastLI()
{
    var liList, ulTag, liTag;
    var ulList = document.getElementsByTagName("ul");
    for (var i = 0; i < ulList.length; i++)
    {
        ulTag = ulList[i];
        liList = ulTag.getElementsByTagName("li");
        liTag = liList[liList.length - 1];
        liTag.className = "lastchild";
    }
}
    eeek si jamais il y avait un cas d'utilisation de jquery ou similaire - 12 lignes en 1!!

    OriginalL'auteur Tim C

  3. 0

    Vous pouvez utiliser ce pesudo-classe dernier enfant, premier enfant pour la première ou la nth-child pour n'importe quel nombre d'enfants

    li:last-child{
    color:red;
    font-weight:bold;
}

    OriginalL'auteur Ajay Gupta

  4. 0

    N'jquery sont livrés avec drupal, si vous pouvez utiliser 

    $('ul>li:last').addClass('last');

    pour atteindre cet

    Que vais travailler trop.

    OriginalL'auteur redsquare