nth-child doesn't respond to class selector

Question

Unless it\'s not supposed to but I can\'t seem to get nth-child to acknowledge the class selector.

I have say 4 divs inside another div, all of various c

Answer 1

Try the :nth-of-type() pseudo-selector instead:

#content .foo:nth-of-type(1) { margin-top: 0; }

Note that :nth-of-type() counts the elements with the same name. So .foo:nth-of-type(1) will not select the first element with the class foo but any first element that is the first in the list of elements grouped by the same name. If you have some document like this:

    1x2
    3x4

.foo:nth-of-type(1) will select the elements 1 and 3 as both are the first of its own type.