IE7 和 IE8 的 last-child 和 nth-child答案

【问题标题】：last-child and nth-child with IE7 and IE8IE7 和 IE8 的 last-child 和 nth-child
【发布时间】：2012-11-17 01:20:55
【问题描述】：

好的，所以我需要为所有表的最后一行添加背景色，除了最后一个表，我需要为最后三行添加背景色。

table tbody tr:last-child    
table:last-child tbody tr:nth-last-child(-n+3)

如何在 IE7 和 IE8 中进行这项工作？

最好是纯 CSS 的解决方案。像 Modernizr 这样的解决方案会解决这个问题吗？我不喜欢使用 jQuery 遍历 dom 并使用我自己的脚本添加自定义类/样式。

【问题讨论】：

【解决方案1】：

简短回答：拒绝纯 CSS 解决方案；

modernizr 不会为旧的 css 引擎提供任何附加功能。您最好的选择是 a) 将类添加到您希望以不同方式设置样式的行中，或者 b) 使用 javascript 来完成。如果您是动态生成表（例如使用 php），那么添加类会更容易。

【讨论】：

【解决方案2】：

纯 CSS 解决方案不可能，您正在处理的浏览器太旧了。从好的方面来说，您不需要自己的脚本，因为 Selectivzr 就是这样做的，或者是 IE9.js 的一体化解决方案（修复了大量其他 IE 错误，而不仅仅是添加新的选择器）。

【讨论】：