CSS last-child -1

Question

I am looking for a css selector that lets me select the pre-last child of list    lt ul gt        lt li gt 1 lt  li gt        lt li gt 2 lt  li gt        lt li gt 3 lt  li gt        lt li gt 4 lt  li gt        lt li gt 5 lt  li gt   lt  -- select the pre last item dynamically no matter how long this list is -- gt        lt li gt 6 lt  li gt   lt  ul gt    Static method   ul li nth-child 5    Dynamic method   ul li last-child -1    which of course doesn t validate  also nth-last-child doesn t seem to provide a dynamic way   I can fallback to javascript but I m wondering if there is a css way I overlooked

User · Accepted Answer

You can use  nth-last-child    in fact  besides  nth-last-of-type   I don t know what else you could use  I m not sure what you mean by  dynamic   but if you mean whether the style applies to the new second last child when more children are added to the list  yes it will  Interactive fiddle   ul li nth-last-child 2

User · Answer

Unless you can get PHP to label that element with a class you are better to use jQuery   jQuery document  ready function         count    jQuery  ul li   size   - 1    alert  count     jQuery  ul li nth-child    count      css  color   red

[css] CSS last-child(-1)

Examples related to css

Examples related to css-selectors