如何使用CSS定位容器中的最后3个元素：nth-​​last-child（n）？

Question

仅使用CSS。你如何定位容器中的最后3个元素？我正在使用:nth-last-child(n)，但是想知道是否有办法将其限制为仅定位到一组元素？

Answer 1

假设你的意思是最后三个孩子：

:nth-last-child(-n + 3) {
    color: coral;
}

http://jsfiddle.net/UHv8u/4/

Answer 2

如果您想对其进行硬编码.. css

p:nth-last-child(1),p:nth-last-child(2),p:nth-last-child(3){ //assuming all are p tags
background:blue;
}