E:empty

匹配一个E元素,该元素没有子元素,包括文字节点。(来源: W3C)

HTML:

  1. <p>Lorem ipsum dolor sit amet, consectetur</p>
  2. <p></p>
  3. <p>Lorem ipsum dolor sit amet, consectetur</p>

CSS:

  1. p:empty{border:1px dashed red;padding:10px}

输出:

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur

在这个例子中,第二个段落将有一个红色的虚线边框(以及一些内边距以避免折叠到一起)。