CSS的:only-child伪类：精准定位单一子元素的样式艺术

CSS的选择器功能非常强大，它们允许开发者根据元素的特定属性或状态来应用样式。:only-child伪类是CSS3中引入的选择器之一，它用于选择一个元素，当且仅当它是其父元素的唯一子元素。这个伪类在处理布局和样式时非常有用，特别是当你需要为具有特定子元素数量的父元素定制样式时。本文将详细介绍:only-child伪类的使用，并提供代码示例。

1. CSS伪类概述

伪类选择器是CSS中用来选择元素的特定状态或属性的关键字。例如，:hover伪类用于选择鼠标悬停时的元素。:only-child伪类则用于选择唯一的子元素。

2. 使用:only-child伪类

:only-child伪类可以应用于任何类型的元素，当它是其父元素中唯一的子元素时。

/* 选择唯一的子元素 */
.parent > :only-child {
   
  font-weight: bold;
  color: red;
}

3. :only-child伪类的工作原理

:only-child伪类的选择基于元素在父元素中的位置和数量。如果一个元素是其父元素中唯一的子元素，它就会被选中。

<div class=<