Как мне добавить «последний» класс к последнему <li> в списке, созданном с помощью представлений?
Ответы 4
Вы можете использовать псевдокласс последний ребенок в элементе li, чтобы добиться этого.
<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>
Также доступен псевдокласс first-child.
Я не уверен, что последний дочерний элемент работает в IE.
last-child поддерживается с IE9
Поставляется ли jquery в комплекте с drupal, если вы могли бы использовать
$('ul>li:last').addClass('last');
для достижения этой цели
В качестве альтернативы вы можете добиться этого с помощью JavaScript, если некоторые браузеры не поддерживают класс last-child. Например, этот сценарий устанавливает имя класса для последнего элемента li во всех тегах ul, хотя его можно легко адаптировать для других тегов или определенных элементов.
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, если когда-либо был случай использования jquery или подобного - 12 строк в 1 !!
Вы можете использовать этот псевдокласс последний ребенок, Первый ребенок для первого или n-й ребенок для любого количества дочерних элементов.
li:last-child{
color:red;
font-weight:bold;
}
Я не знаком с Drupal, хотите поделиться кодом?