Skip directly to content

there's your problem

Not the same

on August 12th, 2010 at 5:12:22 PM

I just had an issue with IE 8 with a selector combo that works fine in IE 7. Here's the code.
.wrapper.mast .grid:last-child,
.wrapper.mast .grid.last {
text-align: right;
}

IE 8 seems to read the :last-child line and give up on the whole declaration. I've run into this issue a couple times before. What is my solution? Break the selectors out onto their own lines
.wrapper.mast .grid:last-child {
text-align: right;
}
.wrapper.mast .grid.last {
text-align: right;
}

IE 8 gives up on the :last-child declaration and reads the .last declaration just fine.