Как добавить «последний» класс в последний <li>в списке, созданном представлениями? - PullRequest
Новая
       15

Как добавить «последний» класс в последний <li>в списке, созданном представлениями?

4 голосов
/ 22 сентября 2008

Как мне добавить «последний» класс в последний <li> в списке, созданном представлениями?

Ответы [ 4 ]

9 голосов
/ 22 сентября 2008

Вы можете использовать псевдокласс last-child для элемента 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>

Существует также псевдокласс первого ребенка.

Хотя я не уверен, что последний-дочерний элемент работает в IE.

2 голосов
/ 22 сентября 2008

Кроме того, вы можете достичь этого с помощью 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";
    }
}
0 голосов
/ 01 сентября 2015

Вы можете использовать этот псевдо-класс last-child , first-child для первого или nth-child для любого количества детей 

li:last-child{
    color:red;
    font-weight:bold;
}
0 голосов
/ 22 сентября 2008

Поставляется ли jquery в комплекте с drupal, если это возможно, вы можете использовать 

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

чтобы достичь этого

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...