使用：nth-​​child和：nth-​​last-child同时使用

Question

我无法让:nth-child和:nth-last-child伪类同时工作。

运作良好（突出前3个元素）：

#a li:nth-child(-n+3) {
   background: #fbfcc8; 
}

运作良好（突出显示最后3个元素）：

#b li:nth-last-child(-n+3) {
   background: #fbfcc8; 
}

不起作用（突出显示前3个元素和最后一个元素）：

#c li:nth-child(-n+3), #c li:nth-last-child(-n+3) {
   background: #fbfcc8; 
}

http://jsfiddle.net/8GSQ6/2/

更新：

实际上我有更复杂的HTML，所以看起来它只是一个错误。

Answer 1

试试这个：

    #c1 li:nth-child(-n+3), #c1 li:nth-last-child(-n+3) {
       background: #fbfcc8; 
    }

这对我有用..

将ID更改为c1。

Answer 2

这只是Google Chrome 31.0.1650.57中的一个错误。 Firefox，Safari和最新的谷歌浏览器运行良好。