의사 클래스 only-child

의사 클래스 only-child는 부모의 유일한 자식 요소인 요소를 선택합니다.

구문

css선택자:only-child {
  
}

예시

다음 예시에서는 li 요소가 부모 ul의 유일한 자식 요소일 때 빨간색으로 만듭니다:

html<ul>
  <li>목록 항목</li>
</ul>

<ul>
  <li>목록 항목</li>
  <li>목록 항목</li>
  <li>목록 항목</li>
</ul>

cssli:only-child {
  color: red;
}

ul {
  margin-bottom: 10px;
}

Результат: