CSS 참조 가이드

CSS @규칙(RULES)

CSS 속성 전체

CSS 함수(Function)CSS 선택자 전체 매뉴얼

CSS3 :last-child 선택자

:last-child CSS 패seudo-class은 부모 요소의 마지막 자식 요소를 대표합니다.

전체 CSS 선택자 참조 가이드

온라인 예제

부모 요소 중 마지막 p 요소의 파라그래프 배경색을 지정합니다:

예제

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>기본 가이드(oldtoolbag.com)</title>　
<style>　
p:last-child
{
　　background:orange;
}
</style>
</head>
<body>
<p>첫 번째 파라그래프.</p>
<p>두 번째 파라그래프.</p>
<p>세 번째 파라그래프.</p>
</body>
</html>

테스트를 보세요 ‹/›

정의와 사용법

:last-child 선택자는 부모 요소 중 마지막 자식 요소를 매칭합니다.

추가로: p:last-child는 p:nth와 동일합니다-last-child(1)。

브라우저 호환성

표에서의 숫자는 이 속성을 지원하는 첫 번째 브라우저 버전 번호를 나타냅니다.

선택자
:last-child	4.0	9.0	3.5	3.2	9.6

전체 CSS 선택자 참조 가이드

CSS 함수(Function)CSS 선택자 전체 매뉴얼