如何使用CSS选择最后一个孩子的具体数量?

时间:2017-12-24 16:57:42

标签: css css-selectors

例如,共有12个元素。 我想把我的风格仅应用于总共12个元素的最后n(1,2,3 ......)个孩子的数量;我怎么能这样做?

1 个答案:

答案 0 :(得分:2)

我认为你要找的是css伪班:nth-last-child(见MDN

只需使用负n值并从末尾添加索引(表示元素数量)

 .parentClass > * :nth-last-child ( -n + 3 ) {
    /* CSS here for last 3 elements */
 }

https://jsfiddle.net/evm0mg8j/