How do I select the last child of a div with only a certain name using only CSS?

Question

Hello,

I have been using the following CSS to apply an effect at the bottom of elements in a menu:

.leftMenuProductWrapper div:last-child{margin-bottom:20px;}

This works fine initially, however after adding more elements in the menu, I realized it was a problem. I really only want to select the last div with .leftMenuProductButton within .leftMenuProductWrapper

Anyway to do this without using Jquery, just pure CSS?

Answer 1

Sounds like http://reference.sitepoint.com/css/pseudoclass-nthlastchild

Might want to check your browser compatibility though.