Giả lớp only-child
Giả lớp only-child chọn phần tử
là phần tử con duy nhất của phần tử cha.
Cú pháp
bộ-chọn:only-child {
}
Ví dụ
Trong ví dụ này, chúng ta sẽ làm cho li có màu đỏ
nếu nó là phần tử con duy nhất của phần tử cha ul:
<ul>
<li>mục danh sách</li>
</ul>
<ul>
<li>mục danh sách</li>
<li>mục danh sách</li>
<li>mục danh sách</li>
</ul>
li:only-child {
color: red;
}
ul {
margin-bottom: 10px;
}
:
