CSS :only-child伪类选择器用于匹配父元素中的唯一子元素。也就是说，它只会匹配是父元素中唯一子元素的元素。

例如如果有下面的一段HTML代码：

<article>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit...
    </p>
</article>

那么使用p:only-child就可以匹配<article>元素中的p元素。但是如果修改一个HTML代码，如下：

<article>
    <h1>标题</h1>
    <p>
        Lorem ipsum dolor sit amet, consectetur adipisicing elit...
    </p>
</article>

那么使用p:only-child将不会匹配任何的段落元素。

:only-child伪类选择器还可以写成或者。表示匹配父元素中既是第一个子元素又是最后一个子元素的元素。表示匹配父元素中是从上开始计数的第一个子元素，又是从下开始计数的第一个子元素的元素。

示例代码

下面都是有效的:only-child规则。

li:only-child { /*  *