¿Cómo puedo agregar un "último" de clase en el último <li> dentro de una de las Vistas generadas lista?

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

  •  02-07-2019
  •  | 
  •  

Pregunta

¿Cómo puedo agregar un "último" de clase en el último <li> dentro de una de las Vistas generadas lista?

¿Fue útil?

Solución

Usted podría utilizar la última niño la pseudo-clase en el elemento de li para lograr 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>

También hay un primer hijo pseudo clase disponible.

No estoy seguro de que el último elemento secundario funciona en IE, aunque.

Otros consejos

Alternativamente, usted puede lograr esto a través de JavaScript, si ciertos navegadores no son compatibles con el último niño de la clase.Por ejemplo, esta secuencia de comandos establece el nombre de la clase para el último 'li' elemento en todos los 'ul' etiquetas, aunque podría ser fácilmente adaptada para otras etiquetas o 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";
    }
}

Usted puede utilizar que pesudo-clase última niño, primer hijo para la primera o nth-child para cualquier número de niños

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

¿Jquery vienen con drupal, si es así usted podría utilizar

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

para lograr este

Licenciado bajo: CC-BY-SA con atribución
No afiliado a StackOverflow
scroll top