【问题标题】: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 并使用我自己的脚本添加自定义类/样式。

【问题讨论】:

  • 您是否考虑过将最后 3 行放入 <tfoot> 元素中?

标签: css internet-explorer internet-explorer-8 internet-explorer-7


【解决方案1】:

简短回答:拒绝纯 CSS 解决方案;

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

【讨论】:

    【解决方案2】:

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2014-04-07
      • 2012-01-19
      • 2013-01-13
      • 2013-05-28
      • 1970-01-01
      • 2014-07-26
      • 2013-09-26
      • 1970-01-01
      相关资源
      最近更新 更多