In Firefox :last-child works fine and FF updates so that only the new element has the :last-child styling, but in chrome both the original last child and the new last child are styled (ie the original keeps the :last-child styles).
There is a :hover style as well and after the mouse has rolled over the elements it is corrected in Chrome.
Is there a was to get Chrome to update the :last-child styles when the new element is added to the list?
You could try doing something
It might be as easy as changing the focus to the new item after it is added.
Thanks, I eventually assigned
I thought I heard IE also
I thought I heard IE also doesnt update styles when teh Dom is changed. This :last-child is working in IE??
It makes more sense to use JS for this, because only those with JS will get the updated DOM anyway. Kinda like making a js-only button appear with JS, so those without JS don't even see a useless button in the first place.