Como faço para adicionar uma “última” classe na última
  • dentro de uma lista vistas gerados?

    • StackOverflow https://stackoverflow.com/questions/113702

    •  02-07-2019
    •  | 
    •  

    Pergunta

    Como faço para adicionar uma "última" classe no último <li> dentro de uma lista vistas gerados?

    Foi útil?

    Solução

    Você pode usar o última criança pseudo-class no elemento li para alcançar este 

    <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>

    Há também uma classe pseudo primeira criança disponível.

    Eu não tenho certeza o último elemento filho funciona no IE embora.

    Outras dicas

    Como alternativa, você pode conseguir isso através de JavaScript se determinados navegadores não suportam a classe de última criança. Por exemplo, este script define o nome da classe para o último elemento 'li' em all 'ul' tags, embora pudesse ser facilmente adaptada para outras tags ou elementos específicos. 

    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";
    }
}

    Você pode usar esse pseudo-classe última criança , primeira criança para o primeiro ou nth-child para qualquer número de criança 

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

    jQuery vêm junto com Drupal, se assim você poderia usar 

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

    para alcançar este

    Licenciado em: CC-BY-SA com atribuição
    Não afiliado a StackOverflow
    scroll top