을 추가하려면 어떻게 해야 합니까"마지막"클래스에서는 마지막 <li> 내 전망-생성됩니까?

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

  •  02-07-2019
  •  | 
  •  

문제

을 추가하려면 어떻게 해야 합니까"마지막"클래스에서는 마지막 <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 하지만입니다.

다른 팁

또는,당신이 얻을 수 있는 이 자바 스크립트를 통해하는 경우 특정 브라우저 지원하지 않는 마지막 아동 클래스입니다.예를 들어,이 스크립트 설정합니다 클래스 이름을 마지막으로'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";
    }
}

당신이 사용할 수 있는 pesudo 스 마지막 아, 첫번째 자녀 을 위한 첫 번째 또는 n-아이 에 대한 수의 아

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

가 jquery 이 번들로 제공 drupal 는 경우 사용할 수 있도록 

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

이를 달성하기 위해

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top