How can I select an nth child without knowing the parent element?

by

How would :first be different from :first-child? Every HTML element is a child of some other element in the DOM except <html> which is the root element. – BoltClock

It’d be since you don’t know the parent element. – fomicz

You don’t need to know the parent element for :first-child or :nth-child() to work. They will just work, even if you don’t specify the parent element.

The following selector is guaranteed to match any appropriate .select-me element regardless of what its parent element is:

.select-me:nth-child(2)

More Related Contents:

  1. Which characters are valid in CSS class names/selectors?
  2. How are the points in CSS specificity calculated
  3. Select every Nth element in CSS
  4. CSS Selector that applies to elements with two classes
  5. CSS selector for “foo that contains bar”? [duplicate]
  6. How to use JSF generated HTML element ID with colon “:” in CSS selectors?
  7. What does an asterisk (*) do in a CSS selector?
  8. CSS selector based on element text? [duplicate]
  9. Handling a colon in an element ID in a CSS selector [duplicate]
  10. IE8 :nth-child and :before
  11. CSS selector to select first element of a given class
  12. Invalid CSS selector causes rule to be dropped: What is the rationale?
  13. Style child element when hover on parent
  14. Can I use variables for selectors?
  15. Combine :after with :hover
  16. What does the dot mean in CSS?
  17. CSS: styled a checkbox to look like a button, is there a hover?
  18. Are CSS3 ::before and ::after pseudo elements supported by IE9 or not?
  19. :active css selector not working for IE8 and IE9
  20. CSS Selector for
  21. How can I apply styles to multiple classes at once?
  22. Is it possible to select the last n items with nth-child?
  23. CSS property value from class name
  24. LESS CSS: abusing the & Operator when nesting?
  25. Angular 2: How to style host element of the component?
  26. How do I select an element only when inside another element?
  27. Should I use single colons (:) or double colons (::) for before, after, first-letter and first-line pseudo-elements?
  28. How do I apply a style to all children of an element
  29. CSS class repetition to increase specificity
  30. select second child

Leave a Comment