Question

I’m styling a table using CSS and I realised that IE8 doesn’t support :nth-child

So before I added support for IE8, the css looked like so

.my-comments table.comments-list tr td:nth-child(1){width:18%;}

Then I added another selector like so

.my-comments table.comments-list tr td:nth-child(1), .my-comments table.comments-list tr .datecol{width:18%;}

IE8 doesn’t like this, it wont recognise the 2nd selector but if I take out the first one like below then it works

.my-comments table.comments-list tr .datecol{width:18%;}

Any ideas how to fix this?

Obviously I could just use the above code but I’d like to leave in both selectors for future browsers

Answer 1

I would try making the style separately (without the comma). IE8 is probably not recognizing the :nth child and skipping the declaration.