nth-child doesn’t respond to class selector [duplicate]

by

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:

<div>
    <i class="foo">1</i><i>x</i><i class="foo">2</i>
    <b class="foo">3</b><b>x</b><b class="foo">4</b>
</div>

.foo:nth-of-type(1) will select the elements <i class="foo">1</i> and <b class="foo">3</b> as both are the first of its own type.

More Related Contents:

  1. Is there a CSS parent selector?
  2. Complex CSS selector for parent of active child [duplicate]
  3. Select every Nth element in CSS
  4. CSS3 selector :first-of-type with class name?
  5. CSS Selector that applies to elements with two classes
  6. Why isn’t it possible to combine vendor-specific pseudo-elements/classes into one rule set?
  7. CSS ‘>’ selector; what is it? [duplicate]
  8. CSS selector based on element text? [duplicate]
  9. Pure CSS checkbox image replacement
  10. Handling a colon in an element ID in a CSS selector [duplicate]
  11. CSS selector for attribute names based on a wildcard
  12. IE8 :nth-child and :before
  13. CSS selector to select first element of a given class
  14. Can I use variables for selectors?
  15. Combine :after with :hover
  16. CSS: styled a checkbox to look like a button, is there a hover?
  17. Are CSS3 ::before and ::after pseudo elements supported by IE9 or not?
  18. CSS Selector for
  19. How can I apply styles to multiple classes at once?
  20. Is it possible to select the last n items with nth-child?
  21. CSS property value from class name
  22. LESS CSS: abusing the & Operator when nesting?
  23. Angular 2: How to style host element of the component?
  24. How do I select an element only when inside another element?
  25. Should I use single colons (:) or double colons (::) for before, after, first-letter and first-line pseudo-elements?
  26. How do I apply a style to all children of an element
  27. How to skip first child?
  28. How to select all elements whose ID starts and ends with specific strings?
  29. selector for nth nested elements
  30. Latest on CSS parent selector [duplicate]

Leave a Comment