CSS 참조 가이드

CSS @규칙(RULES)

CSS 속성 전체

CSS3 :last-of-type 선택자

:last-of-type CSS 伪类表示了在（它父元素的）子元素列表中，最后一个给定类型的元素。当代码类似Parent tagName:last-of-type의 작용 영역은 부모 요소의 모든 자식 요소 중 마지막 선택된 요소를 포함하고, 이를 통해 자식 요소의 마지막 자식 요소로 이어집니다.

전체 CSS 선택자 참조 매뉴얼

온라인 예제

부모 요소의 마지막 p 요소의 배경색을 지정하세요:

예제

!DOCTYPE　html>
<html>
<head>
<meta charset="utf-8">　
<title>기본 강의(oldtoolbag.com)</title>　
<style>　
p　em:last-of-type　{
　　color:　green;
}
</style>
</head>
<body>
<p>
　　<em>저는 색이 없어요　:(</em><br>
　　<strong>저는 색이 없어요　:(</strong><br>
　　<em>저는 색이 있어요　:D</em><br>
　　<strong>저도 색이 없어요　:(</strong><br>
</p>
<p>
　　<em>저는 색이 없어요　:(</em><br>
　　<span><em>저는 색이 있어요!</em></span><br>
　　<strong>저는 색이 없어요　:(</strong><br>
　　<em>저는 색이 있어요　:D</em><br>
　　<span>
　　　　<em>저는 자식 요소안에 있지만 색이 없어요!</em><br>
　　　　<span style="text-decoration:line-through;">저는 색이 없어요　</span><br>
　　　　<em>저는 색이 있어요！</em><br>
　　</span><br>
　　<strong>저도 색이 없어요　:(</strong>
</p>
</body>
</html>

테스트를 보세요 ‹/›

정의와 사용법

element:last-of-type　{　style　properties　}

:last-of-type 선택자는 부모 요소가 특정 유형의 마지막 자식 요소인 요소를 일치시킵니다.

안내: 와 :nth-last-of-type(1)는 동일한 의미입니다.

브라우저 호환성

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

선택자
:last-of-type	4.0	9.0	3.5	3.2	9.6

전체 CSS 선택자 참조 매뉴얼

CSS 함수(Function)CSS 선택자 전체 가이드북