select second child

by

Make sure your <li> actually has two <a> elements as its first two children, and not some other elements around them since those may be invalidating the :first-child and adjacent sibling selectors.

If you just want to select the second <a> element regardless of what other types of elements there are in your <li>, use this selector:

.container li a:nth-of-type(2)

If your <li> will only have exactly 2 <a> elements, you can use the general sibling combinator ~ for bonus IE7/IE8 support:

.container li a ~ a

Or did you mean to find the <a> element in the second <li> rather than the second <a> element in a <li> (since “list” probably refers to <ul> or <ol> here)? If so, you’ll want either of these selectors:

.container li:first-child + li a
.container li:nth-child(2) a

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. :not() selector not behaving the same between Safari and Chrome/Firefox
  12. CSS selector for attribute names based on a wildcard
  13. IE8 :nth-child and :before
  14. CSS selector to select first element of a given class
  15. Can I use variables for selectors?
  16. Combine :after with :hover
  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. selector for nth nested elements
  30. Latest on CSS parent selector [duplicate]

Leave a Comment