同时使用 :nth-child 和 :nth-last-child

2024-04-23

我做不到:nth-child and :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/ http://jsfiddle.net/8GSQ6/2/

Update:

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


尝试这个:

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

这对我有用..

将 ID 更改为c1.

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

同时使用 :nth-child 和 :nth-last-child 的相关文章