의사 클래스 only-of-type
의사 클래스 only-of-type은
지정된 타입의 유일한 자식인
요소를 선택합니다.
문법
셀렉터:only-of-type {
}
예시
h2 제목이 부모 요소 내 유일한 h2인 경우
빨간색으로 칠하겠습니다:
<div>
<h2>제목</h2>
<p>문단</p>
<p>문단</p>
<p>문단</p>
</div>
<div>
<h2>제목</h2>
<p>문단</p>
<h2>제목</h2>
<p>문단</p>
<p>문단</p>
</div>
div {
border: 1px dashed black;
padding: 15px;
margin-bottom: 10px;
}
h2:only-of-type {
color: red;
}
:
