Select nth-child across multiple parents

by

You can’t do that with CSS selectors alone. :nth-child() and sibling combinators are limited to children/siblings sharing the same parent only, as implied by their names, and CSS selectors cannot account for such variations in parent-child structure, nor is there anything like an :nth-grandchild() selector (even :nth-match() from Selectors 4 limits itself to elements sharing the same parent only).

Of course with something like jQuery it becomes trivial: $('.foo li:eq(0), .foo li:eq(2)') Otherwise you’ll have to mark the first and third li elements explicitly using classes or IDs, and then select them.

More Related Contents:

  1. how do I make device specific selectors in css [closed]
  2. Is there a “previous sibling” selector?
  3. What does a space mean in a CSS selector? i.e. What is the difference between .classA.classB and .classA .classB?
  4. CSS selector for first element with class
  5. What does the “+” (plus sign) CSS selector mean?
  6. Is there a CSS selector by class prefix?
  7. CSS selector for “foo that contains bar”? [duplicate]
  8. How do I select an element based on the state of another element in the page with CSS?
  9. Does the order of classes listed on an item affect the CSS?
  10. Select all child elements recursively in CSS
  11. CSS “and” and “or”
  12. Using the last-child selector
  13. Why doesn’t the selector h3:nth-child(1):contains(‘a’) work?
  14. What is the difference between :focus and :active?
  15. How can I select an nth child without knowing the parent element?
  16. Can I have multiple :before pseudo-elements for the same element?
  17. Are parentheses allowed in CSS selectors?
  18. What is the difference between pipe (|) and caret (^) attribute selectors?
  19. Can type selectors be repeated to increase specificity?
  20. The use of /deep/ and >>> in Angular 2
  21. Zebra striping a table with hidden rows using CSS3?
  22. Can I colour backgrounds of selected items in HTML select options with CSS only?
  23. CSS3 combining selectors with OR instead of AND
  24. Why doesn’t this CSS :not() declaration filter down?
  25. How to show the first N elements of a block and hide the others in css?
  26. What is the difference between :before and ::before?
  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