如何在 IE8 中使用 :nth-last-child？ [复制]

Question

我在下面有这个 CSS，但它在 IE8 上不起作用。我知道 CSS3 在 IE8 上不起作用。

我想尝试div:first-child + div + div 之类的方法，但它不起作用。我认为它不起作用是因为nth-last-child()。我无法用相邻的兄弟组合符 (+) 翻译 nth-last-child()。

/* one item */
div:nth-child(1):nth-last-child(1) {
width: 100%;
}

/* two items */
div:nth-child(1):nth-last-child(2),
div:nth-child(2):nth-last-child(1) {
width: 50%;
}

/* four items */
div:nth-child(1):nth-last-child(4),
div:nth-child(2):nth-last-child(3),
div:nth-child(3):nth-last-child(2),
div:nth-child(4):nth-last-child(1) {
width: 25%;
}

Answer 1

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