“first-child” vs. “last-child” Pseudo Class in CSS3
October 5th, 2011 — Blog Post
I have a navigation menu that adds a pipe after each menu item using the “border-right” CSS class. Unfortunately, IE does not play nice with the “last-child” pseudo-class that I was using to remove the pipe from the last element.
The solution to the problem was to reverse my thinking, and use the “border-left” CSS class along with the “first-child” pseudo-class. For some reason, the “first-child” pseudo element was included in the CSS2 definition and has wide cross-browser support. The “last-child” class, however, is a CSS3 definition and enjoys only a fraction of “first-child”‘s cross-browser support.
Thanks to: http://stackoverflow.com/questions/1293369/using-last-child-in-css/2298443#2298443
