¿Es posible seleccionar los últimos n elementos con nth-child?

Esto seleccionará el dos últimas iems de una lista:

li:nth-last-child(-n+2) {color:red;}


<ul>
<li>fred</li>
<li>fred</li>
<li>fred</li>
<li>fred</li>
<li>fred</li>
<li>fred</li>
<li>fred</li>
<li>fred</li>
<li>fred</li>
<li>fred</li>
<li>fred</li>
</ul>

:nth-last-child(-n+2)debe hacer el truco

Debido a la definición de la semántica de los nth-child , no veo cómo esto es posible sin incluir la longitud de la lista de elementos que intervienen. El punto de la semántica es permitir la segregación de un montón de niños elementos en grupos (Editar - gracias BoltClock) repetidos o en una primera parte de longitud fija, seguida por "el resto". Especie de desea lo contrario de eso, que es lo que nth-last-child le da.

Si usted está usando jQuery en tu proyecto, o están dispuestos a incluir se puede llamar a nth-last-child a través de su selector de API (esto es simulado se cruzará en el navegador). Aquí hay un enlace a un nth-last-child plugin. Si usted tomó este método de orientación de los elementos que estaban interesados en:

$('ul li:nth-last-child(1)').addClass('last');

Y luego el estilo de nuevo el last de la clase en lugar de la nth-child o nth-last-child pseudo selectores, usted tendrá una mucho más consistente de la cruz de experiencia de navegador.