의사 클래스 only-of-type

의사 클래스 only-of-type은 지정된 타입의 유일한 자식인 요소를 선택합니다.

문법

css셀렉터:only-of-type {
  
}

예시

h2 제목이 부모 요소 내 유일한 h2인 경우 빨간색으로 칠하겠습니다:

html<div>
  <h2>제목</h2>
  <p>문단</p>
  <p>문단</p>
  <p>문단</p>
</div>
<div>
  <h2>제목</h2>
  <p>문단</p>
  
  <h2>제목</h2>
  <p>문단</p>
  <p>문단</p>
</div>

cssdiv {
  border: 1px dashed black;
  padding: 15px;
  margin-bottom: 10px;
}
h2:only-of-type {
  color: red;
}

Результат: