:last-child does not select the last element

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?

@Abody97 I have updated the question with the compiled CSS. Thanks. — Yahreen, Aug 24 '12 at 19:27
It looks fine to me -- do you have some other CSS that defines background images? A demo would be great. — Chris, Aug 24 '12 at 19:34

score 18 · Accepted Answer · answered Aug 24 '12 at 19:36

18

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

LINK

answered Aug 24 '12 at 19:36

SciSpear

2,008
18
18

Hi, thanks for that link, if you have a moment could you take a look at my question here? http://stackoverflow.com/questions/16905061/last-child-and-last-of-type-not-working-in-sass Not sure where I'm going wrong with converting that CSS into SASS compliant code – Leon Gaban Jun 03 '13 at 20:17

:last-child does not select the last element

1 Answers1