如何使用CSS将容器中的最后3个元素作为目标:n最后一个子元素(n)?

如何使用CSS将容器中的最后3个元素作为目标:n最后一个子元素(n)?,css,css-selectors,Css,Css Selectors,只使用CSS。如何针对容器中的最后3个元素?我使用的是:n最后一个子元素(n),但我想知道是否有办法将其限制为仅针对一组元素?假设您指的是最后三个子元素: :nth-last-child(-n + 3) { color: coral; } 假设你指的是最后三个孩子: :nth-last-child(-n + 3) { color: coral; } 如果您想硬编码。。css p:nth-last-child(1),p:nth-last-child(2),p:nth-last-

只使用CSS。如何针对容器中的最后3个元素?我使用的是
:n最后一个子元素(n)
,但我想知道是否有办法将其限制为仅针对一组元素?

假设您指的是最后三个子元素:

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

假设你指的是最后三个孩子:

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

如果您想硬编码。。
css

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

如果你想硬编码。。
css

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

是的,就是这样!更多信息:是的,就是这样!更多信息请点击此处: