Question

嘿，你们（和女孩们），

我已经实现了以下CSS：

#tab-navigation ul li:last-child {
    background-image: url(../images/tabs-end.gif);
    background-repeat: no-repeat;
    color: #fff;
    display: block;
    border: 1px solid red;
    background-position: right;
}

然而，由于某些原因，这在IE中根本不起作用（出乎意料！） - 我读过（经过一些研究）IE需要DOCTYPE，但我已经定义了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">。

任何想法都会偷看？

Answer 1

IE不支持last-child选择器。

您可以使用http://code.google.com/p/ie7-js/等脚本在所有IE浏览器中启用CSS3选择器。

Answer 2

IE不支持：lastchild选择器正确。

有关兼容性的完整列表，请参阅http://www.quirksmode.org/css/contents.html

我建议在字段中添加class =“last”服务器端，或使用http://api.jquery.com/last-child-selector/使用javascript应用效果。

Answer 3

This table表示任何IE浏览器都不支持last-child。添加一个类并以这种方式选择它。

Answer 4

简单：IE不支持last-child。您需要使用类标记最后一个元素。

Answer 5

:last-child是一个CSS3选择器，据我所知，即使IE8也不支持这么多。

<强>资源：

http://www.electrictoolbox.com/css-first-child-last-child-selectors/

兼容性图表：

http://www.quirksmode.org/css/contents.html

最后一个孩子的CSS问题

5 个答案: