พีวโดคลาส only-of-type
พีวโดคลาส only-of-type เลือก
องค์ประกอบที่เป็นทายาทเพียงคนเดียว
ของประเภทที่กำหนด
ไวยากรณ์
ตัวเลือก:only-of-type {
}
ตัวอย่าง
เราจะทำให้หัวเรื่อง h2 เป็นสีแดง ถ้า
มันเป็น h2 ตัวเดียวในผู้ปกครองของมัน:
<div>
<h2>หัวเรื่อง</h2>
<p>ย่อหน้า</p>
<p>ย่อหน้า</p>
<p>ย่อหน้า</p>
</div>
<div>
<h2>หัวเรื่อง</h2>
<p>ย่อหน้า</p>
<h2>หัวเรื่อง</h2>
<p>ย่อหน้า</p>
<p>ย่อหน้า</p>
</div>
div {
border: 1px dashed black;
padding: 15px;
margin-bottom: 10px;
}
h2:only-of-type {
color: red;
}
:
