CSS3 :only-child 选择器

CSS完整选择器完整CSS选择器参考手册

匹配属于父元素中唯一子元素的p元素:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <style>
    p:only-child {
      background: #ff0000;
    }
  </style>
</head>
<body>

  <div>
    <p>This is a paragraph.</p>
  </div>

  <div><span>This is a span.</span>
    <p>This is a paragraph.</p>
  </div>

  <p><b>注意:</b> Internet Explorer 8以及更早版本的浏览器不支持 :only-child选择器.</p>

</body>
</html>

尝试一下 »

定义和用法

:only-child选择器匹配属于父元素中唯一子元素的元素。

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

选择器
:only-child 4.0 9.0 3.5 3.2 9.6

CSS完整选择器完整CSS选择器参考手册