How can I select all children of an element except the last child

Question

How would I select all but the last child using CSS3 selectors   For example  to get only the last child would be div nth-last-child 1

User · Answer

When IE9 comes  it will be easier  A lot of the time though  you can switch the problem to one requiring  first-child and style the opposite side of the element  IE7

User · Answer

There is a not selector in css3  Use  not   with  last-child inside to select all children except last one  For example  to select all li in ul except last li  use following code  ul li not  last-child

User · Answer

nav-menu li not  last-child          write some style here     this code should apply the style to all  except the last child

User · Answer

to find elements from last  use   lt style gt  ul li nth-last-of-type 3n   color  a94442         lt  style gt

User · Answer

How to select all children of an element except the last child using CSS  Answer  this code will work  lt style gt   parent   not  last-child       color red     lt  style gt    lt div class  parent  gt     lt p gt this is paragraph lt  p gt     lt h1 gt this is heading lt  h1 gt     lt b gt text is bold lt  b gt   lt  div gt

User · Answer

Using nick craver s solution with selectivizr allows for a cross browser solution  IE6

User · Answer

You can use the negation pseudo-class  not   against the  last-child pseudo-class  Being introduced CSS Selectors Level 3  it doesn t work in IE8 or below    not  last-child       styles

User · Answer

Nick Craver s solution works but you can also use this    nth-last-child n 2       Your code here        Chris Coyier of CSS Tricks made a nice  nth tester for this

User · Answer

Nick Craver s solution gave me what I needed but to make it explicit for those using CSS-in-JS   const styles       yourClass           Styles for all elements with this class          amp  not  last-child               Styles for all EXCEPT the last element with this class

User · Answer

Make it simple   You can apply your style to all the div and re-initialize the last one with  last-child   for example in CSS    yourclass      border  1px solid blue     yourclass last-child      border  0      or in SCSS    yourclass      border  1px solid rgba 255  255  255  1        amp  last-child          border  0             easy to read remember fast to execute browser compatible  IE9  since it s still CSS3

[css-selectors] How can I select all children of an element except the last child?

Examples related to css-selectors

Examples related to css