如何在以下帮助下选择最后三个子元素:nth-​​child

时间:2015-05-21 09:23:58

标签: css

使用此代码,我可以选择前三个子元素:

span:nth-child(-n+3)

是否可以以相同的方式选择最后三个子元素?

以下是jsfiddle中的一个示例:http://jsfiddle.net/nqhtzkaw/

更新

以下是答案:(感谢Manoj Kumar)

/* First three items. */
span:nth-child(-n+3) {
}

/* Last three items. */
span:nth-last-child(-n+3) {
}

http://jsfiddle.net/infous/q61x0t3v/

支持它的浏览器:http://caniuse.com/#search=nth-last-child

1 个答案:

答案 0 :(得分:2)

span:nth-last-child(-n+3)

选择最后3个元素