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

Posted 2021-04-18

例如，总共有12个元素。我想把我的风格仅应用于总共12个元素的最后n（1,2,3 ......）个孩子的数量;我怎样才能做到这一点？

答案

我想你要找的是css伪类:nth-last-child（见MDN）

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

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

https://jsfiddle.net/evm0mg8j/