¿Cómo puedo agregar un "último" de clase en el último <li> dentro de una de las Vistas generadas lista?
Pregunta
¿Cómo puedo agregar un "último" de clase en el último <li>
dentro de una de las Vistas generadas lista?
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