E:nth-last-of-type

匹配E元素,当它是其同一父级元素下同类型子元素的倒数第n个的时候。(来源: W3C)

HTML:

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

CSS:

  1. p{font-style:normal}
  2. p:nth-last-of-type(2){font-style:italic}

输出:

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur

在这个例子中,第一行文字将显示为斜体,因为它是从下面数div(p的父级元素)的第二个p子元素。