CSS 참조 서적

CSS @규칙(RULES)

CSS 속성大全

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

CSS3 :only-of-type 선택자

CSS 표류 :only-of-type는 다른 동일한 유형의 형제 요소가 없는 모든 요소를 나타냅니다.

전체 CSS 선택자 참조 가이드

온라인 예제

부모 요소에 속하는 특정 유형의 유일한 자식 요소의 각 p 요소를 지정합니다:：

예제

!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">　
<title>기본 가이드(oldtoolbag.com)</title>
<style>
div {
　　border:　1px solid #ccc;
　　margin:　20px;
　　padding:　10px　10px　10px　30px;
}
p:only-of-type {
　　color: red;
}
</style>
</head>
<body>
<div>
　　<p>저는 이 div에서 유일한 문단 요소입니다.</p>　　
　　<ul>
　　　　<li>목록 항목</li>
　　　　<li>목록 항목</li>
　　</ul>　　
</div>
<div>
　　<p>이 div에는 여러 문단이 있습니다.</p>　　
　　<p>저도 문단입니다.</p>　　
　　<ul>
　　　　<li>목록 항목</li>
　　　　<li>목록 항목</li>
　　</ul>　　
</div>
</body>
</html>

테스트를 보세요 ‹/›

정의와 사용법

element:only-of-type { style properties }

:only-of-type는 다른 동일한 유형의 형제 요소가 없는 모든 요소를 나타냅니다.

브라우저 호환성

표中的数字는 해당 속성을 지원하는 첫 번째 브라우저 버전 번호를 나타냅니다.

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

전체 CSS 선택자 참조 가이드

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