E:last-child

当E是它的父级元素的最后一个子元素的时候,匹配它。

HTML:

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

CSS:

  1. p{font-style:normal}
  2. p:last-child{font-style:italic}

输出:

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur

在这个例子中,第二个段落会以斜体显示。