E:only-child

匹配父元素下的唯一一个E元素。(来源: W3C)

HTML:

  1. <div>
  2. <p>Lorem ipsum dolor sit amet, consectetur</p>
  3. <p>Lorem ipsum dolor sit amet, consectetur</p>
  4. </div>
  5. <div>
  6. <p>Lorem ipsum dolor sit amet, consectetur</p>
  7. </div>

CSS:

  1. p:only-child{font-style:italic}

输出:

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur

在这个例子中,第三行文字将会显示为斜体,因为它是它(P)的父级元素的唯一一个子元素。