:last-child does not select the last element [duplicate]

Question

I want to remove the background from the last figure element:

@media (min-width: 50em) {
  #mission #press figure {
    padding-left: 0;
    background: url('/assets/img/splash-green.png?1345829368') no-repeat 50% bottom;
  }
  #mission #press figure:last-child {
    background: none;
  }
}

The background still shows up. Am I mis-targeting?

Answer 1

I think you might actually be looking for the functionality of last-of-type instead of last-child.

LINK