:only-child选择父元素中唯一的子元素，如p:only-child{color:red}仅当p是其父元素的唯一子元素时生效，与:only-of-type不同的是它不区分类型且要求无其他兄弟元素。
在 CSS 中，:only-child 伪类用于选择某个元素，当它是其父元素中唯一的子元素时生效。也就是说，如果一个父元素只有一个子元素，那么这个子元素就会被 :only-child 匹配。
基本语法
selector:only-child { 样式声明 }例如，你想给某个容器中唯一的 元素添加特殊样式：
p:only-child {
color: red;
font-weight: bold;
}这段代码的意思是：只有当 是其父元素的唯一子元素时，才应用红色加粗样式。
使用场景示例
假设有以下 HTML 结构：
立即学习“前端免费学习笔记（深入）”；
我是唯一的段落
第一个段落
第二个段落
其他元素
上面第一个 :only-child 判断的是“是否是唯一的子元素”，不管类型。 :only-of-type 判断的是“该类型的元素是否只有一个”，允许其他类型的兄弟元素存在。 举例说明： 段落1 段落2 只有第一个 基本上就这些。用好 中只有一个 ，所以它会匹配 p:only-child，样式生效。第二个 有两个 ，都不满足“唯一子元素”的条件，因此不匹配。第三个 虽然只有一个子元素，但它是 ，不是 ，所以 p:only-child 不会选中任何东西。与 :only-of-type 的区别
```
p:only-child {
background: yellow;
} 会被选中，因为它是父元素中唯一的子元素。第二个 虽然是唯一的 ，但它不是唯一的子元素（还有 ），所以 :only-child 不匹配。实用建议
:only-child 判断。:only-child 可以减少不必要的类名，让样式更智能。
