CSS :last-child 접두사

정의와 사용법

CSS :last-child 이미지 요소가 부모 요소의 마지막 자식 요소로서의 어떤 요소든지 일치시키는 접두사입니다.

힌트:p:last-child 等同于 p:nth-last-child(1).

예제

부모 요소의 마지막 자식 요소의 <p> 요소에 배경색을 지정합니다. 동시에 부모 요소의 마지막 자식 요소의 <li> 요소에 배경색을 지정합니다:

p:last-child {
  background-color: yellow;
}
li:last-child {
  background-color: yellow;
}

직접 시험해 보세요

CSS 문법

:last-child {
  css 선언;
}

기술 세부 사항

버전: CSS3

브라우저 지원

표格에 표시된 숫자는 이伪클래스를 최초로 지원하는 브라우저 버전을 나타냅니다。

크롬 에지 파이어폭스 사파리 오페라
4.0 9.0 3.5 3.2 9.6

관련 페이지

참조:CSS :last-of-type 페르큐어