What CSS selector can be used to select the first div within another div

by

The MOST CORRECT answer to your question is…

#content > div:first-of-type { /* css */ }

This will apply the CSS to the first div that is a direct child of #content (which may or may not be the first child element of #content)

Another option:

#content > div:nth-of-type(1) { /* css */ }

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