:nth-last-child() Back

• The :nth-last-child() is a CSS pseudo-class selector that allows you to select elements based on their index (source order) inside their container, starting from the last element upwards.
• You can also pass positive number, predefined keywords(even, odd) and formula to nth-last-child() like nth-child().

Case: learning :nth-child()

See the Pen JGzdyG by aleen42 (@aleen42) on CodePen.

Note

• Using some tools to help dealing with the calculations for nth-child by visualizing.
  • CSS3 structural pseudo-class selector tester by Lea Verou
  • NTH-TEST – nth-child and nth-of-type tester by Paul Maloney
• There is a pseudo-class selector that has a similar functionality to that of :nth-child(), that selector is the :nth-last-child() selector. :nth-last-child() is similar to :nth-child, except that instead of iterating through the elements from the first one downwards, it starts iterating from the last element up.