为什么这在IE8中不起作用？

Question

我必须在Firefox和IE8中比较我的网站。有一点不同，我无法理解为什么会这样做。

我认为问题是因为这行代码

 ul.dropdown > li:last-child {width: 50px;}

有谁知道为什么这可能不起作用？ IE8不喜欢尖括号/：CSS中的last-child

Answer 1

:last-child仅在IE＆gt; = 9

中受支持

Answer 2

last-child 选择器在IE8及更早版本中不可用。

但是，您可以使用一些jQuery魔法来支持这些早期的浏览器：

$("ul.dropdown li:last-child").addClass("last-child");

然后在css中你可以这样做：

ul.dropdown li.last-child,
ul.dropdown li:last-child {
    /* Your CSS styling here */
}

只要知道样式将仅在jQuery有机会将类应用于最后一个子项后才会应用。最好将此技术与原始选择器一起使用。

有关 last-child 选择器的更多信息，您可以访问此有用的页面：

http://www.w3schools.com/cssref/sel_last-child.asp

Answer 3

据我所知，IE8及以下版本不支持儿童。可能是错的。

轻松修复只是

<li class="last">List Item</li>

.last {width: 50px;}