เงื่อนไขปลอม 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;
}
:
