의사 클래스 only-child
의사 클래스 only-child는 부모의 유일한 자식 요소인 요소를 선택합니다.
구문
선택자:only-child {
}
예시
다음 예시에서는 li 요소가 부모 ul의 유일한 자식 요소일 때 빨간색으로 만듭니다:
<ul>
<li>목록 항목</li>
</ul>
<ul>
<li>목록 항목</li>
<li>목록 항목</li>
<li>목록 항목</li>
</ul>
li:only-child {
color: red;
}
ul {
margin-bottom: 10px;
}
:
