CSS로 두 번째 마지막 요소를 선택하십시오.

나는 이미 마지막 자식을 알고 있습니다. 그러나 div를 선택할 수있는 방법이 있습니까?

<div id="container">
 <div>a</div>
 <div>b</div>
 <div>SELECT THIS</div> <!-- THIS -->
 <div>c</div>
</div>

참고 : jQuery가 없으며 CSS 만 사용

CSS3에는 다음이 있습니다.

:nth-last-child(2)

참조 : https://developer.mozilla.org/en-US/docs/Web/CSS/:nth-last-child

n 번째 마지막 자식 브라우저 지원 :

• 크롬 2
• Firefox 3.5
• 오페라 9.5, 10
• 사파리 3.1, 4
• 인터넷 익스플로러 9

참고 : OP는 나중에 의견 에서 두 번째 요소 뿐만 아니라 마지막 두 요소 를 선택해야한다고 언급했기 때문에이 답변을 게시했습니다 .

:nth-childCSS3 선택은 실제로 당신이 이제까지 상상했던 것보다 더 많은 능력입니다!

예를 들어, 다음 중 마지막 두 요소를 선택합니다 #container.

#container :nth-last-child(-n+2) {}

그러나 이것은 아름다운 우정의 시작일뿐입니다.

• :nth-child 브라우저 지원

#container :nth-last-child(-n+2) {
  background-color: cyan;
}

<div id="container">
 <div>a</div>
 <div>b</div>
 <div>SELECT THIS</div>
 <div>SELECT THIS</div>
</div>