CSS :only-child 伪类

定义和用法

CSS :only-child 伪类用于选择并设置作为其父元素唯一子元素的任何元素的样式。

实例

为作为其父元素唯一子元素的任何 <p>、<li> 和 <b> 元素指定样式：

p:only-child {
  background-color: red;
}

li:only-child {
  color: salmon;
}

b:only-child {
  color: green;
}

亲自试一试

CSS 语法

:only-child {
  css declarations;
}

技术细节

版本： CSS3

浏览器支持

表格中的数字指定了完全支持该伪类的首个浏览器版本。

Chrome Edge Firefox Safari Opera
4.0 9.0 3.5 3.2 9.6