CSS :only-child选择器

  • 定义和用法

    :only-child选择每一个元素是它的父元素唯一的子元素相匹配(与子匹配)。
    特征 说明
    CSS版本 CSS3
  • 浏览器支持

    表中的数字指定了完全支持该属性的第一个浏览器版本。数字后跟-ms-, -webkit-,-moz-或-o-指定使用前缀的第一个版本。
    选择器 IE/Edge Chrome FireFox Safari Opera
    选择器名称
    :only-child
    9.0
    4.0
    3.5
    3.2
    9.6
  • CSS语法

    :only-child {
      css declarations;
    }
    
  • 实例

    为每个<p>元素指定背景颜色,该元素是其父元素的唯一子元素:
    p:only-child {
      background: #ff0000;
    }
    
    尝试一下
  • 相关页面

    CSS教程:CSS伪类