พีวโดคลาส only-of-type

พีวโดคลาส only-of-type เลือก องค์ประกอบที่เป็นทายาทเพียงคนเดียว ของประเภทที่กำหนด

ไวยากรณ์

cssตัวเลือก:only-of-type {
  
}

ตัวอย่าง

เราจะทำให้หัวเรื่อง h2 เป็นสีแดง ถ้า มันเป็น h2 ตัวเดียวในผู้ปกครองของมัน:

html<div>
  <h2>หัวเรื่อง</h2>
  <p>ย่อหน้า</p>
  <p>ย่อหน้า</p>
  <p>ย่อหน้า</p>
</div>
<div>
  <h2>หัวเรื่อง</h2>
  <p>ย่อหน้า</p>
  
  <h2>หัวเรื่อง</h2>
  <p>ย่อหน้า</p>
  <p>ย่อหน้า</p>
</div>

cssdiv {
  border: 1px dashed black;
  padding: 15px;
  margin-bottom: 10px;
}
h2:only-of-type {
  color: red;
}

Результат: