爲什麼在IE8中這不起作用？

Question

我必須在Firefox和IE8中比較我的網站。有一個區別，我不明白爲什麼它這樣做。

我相信這個問題是因爲這行代碼的

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

有誰知道爲什麼這可能無法正常工作？難道IE8不喜歡角括號/：在CSS

Answer 1

:last-child最後孩子只能在IE中支持> = 9

Answer 2

的最後孩子選擇是不是在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有機會將類應用到最後一個孩子之後。對原始選擇器使用這種技術是一種很好的做法。據我知道孩子不是在IE8和下方支撐

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

Answer 3

：

有關最後孩子選擇更多的信息，您可以訪問此頁有用的。可能會錯的。

簡易修復也只是

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

.last {width: 50px;}