我做不到: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(使用前将#替换为@)