Are alternate nested styles possible in CSS?

by

As Mr Lister pointed out, nth-of-type works on one level (that of the parent of the selected div).

As far as i know and after looking through the W3C CSS3 Selectors there doesn’t appear to be any css selectors for traversing through nesting (except the > selector, which only looks at the direct child of parent).

I would love te be proven wrong though as that could be very usefull.

So the only (css) solution would be the one you already stated: div > div > div {background: white; }
Can’t you just generate this along with the generation of the div’s?

More Related Contents:

  1. How to remove the spaces between the form and the footer as shown below in the picture?
  2. Transitions on the CSS display property
  3. How to use HTML to print header and footer on every printed page of a document?
  4. Select elements by attribute in CSS
  5. Font Awesome 5, why is CSS content not showing?
  6. What is the best way to conditionally apply a class?
  7. CSS transparent curved shape with two rounded sides
  8. Is the CSS :not() selector supposed to work with distant descendants?
  9. How to animate handwriting text on the web page using SVG?
  10. What’s the difference between CSS classes .foo.bar (without space) and .foo .bar (with space) [duplicate]
  11. What is the difference between background and background-color
  12. CSS Styling Checkboxes
  13. Pressed selector
  14. Float:right reverses order of spans
  15. CSS: Top vs Margin-top
  16. Why can’t I animate custom properties (aka CSS variables)?
  17. Display image at 50% of its “native” size
  18. How can I reset a CSS-counter to the start-attribute of the given list
  19. Bug in CSS3 rotateY transition on Safari?
  20. Half hexagon shape with one element
  21. CSS selector involving pseudo class first-child and dropcap
  22. Targeting position:sticky elements that are currently in a ‘stuck’ state
  23. CSS – Percentages or Pixels?
  24. Center text in div?
  25. position:fixed when left/top/right/bottom aren’t specified – desired results in FF/IE, but not in Safari
  26. Creating space between an element and its border
  27. position relative in firefox [duplicate]
  28. Translate X and Y percentage values based on elements height and width?
  29. How to exclude the first item in a flexbox wrap?
  30. How to change Bootstrap navbar collapse breakpoint

Leave a Comment