마지막 자식보다 먼저 요소를 선택하려면 어떻게 해야 합니까?

마지막 자식보다 먼저 요소를 선택하려면 어떻게 해야 합니까?

목록의 끝이 없는 아이를 선택할 수 있는 CSS 선택기를 찾고 있습니다.

<ul>
     <li>1</li>
     <li>2</li>
     <li>3</li>
     <li>4</li>
     <li>5</li> <!-- select the pre last item dynamically no matter how long this list is -->
     <li>6</li>
</ul>

정적 방법:

ul li:nth-child(5)

동적 방법:

ul li:last-child(-1)

물론 검증되지는 않지만, n번째 마지막 아이도 역동적인 방법을 제공하지 않는 것 같습니다.자바스크립트로 되돌릴 수 있지만, 제가 간과한 css 방법이 있는지 궁금합니다.

당신은 사용할 수 있습니다; 사실, 저는 당신이 무엇을 더 사용할 수 있는지 모릅니다."동적"이라는 말이 무슨 뜻인지 잘 모르겠지만, 목록에 어린이가 더 추가되었을 때 이 스타일이 새로운 두 번째 마지막 어린이에게 적용되는지 여부를 의미한다면, 예, 그렇게 될 것입니다.대화형 바이올린.

ul li:nth-last-child(2)

서버 측에서 해당 요소에 클래스 레이블을 지정할 수 없는 경우 jQuery를 사용하는 것이 좋습니다.

jQuery(document).ready(function () {
    $count = jQuery("ul li").size() - 1;
    alert($count);
    jQuery("ul li:nth-child("+$count+")").css("color","red");
});

언급URL : https://stackoverflow.com/questions/9227932/how-can-i-select-the-element-prior-to-a-last-child