Ich habe viele ungeordnete Listen von je 5 li

 <ul class="Rank">
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
 </ul>

Ich will es verändernbackground-color von Stromli:hover Element und alle vorherigenli Elemente in dieser Liste. Angenommen, ich schwebe über dem 3. Platzli dann sollte 3., 2. und 1. li habenbackground-color:#00f;

Ich kann es in jQuery oder JavaScript tun, aber ich möchte es in reinem CSS. Derzeit folgenden Artikel:http://css-tricks.com/useful-nth-child-recipies/

Ich kann den Hintergrund des aktuell schwebenden ändernli Element mit diesem.Rank li:hover kann aber nicht verstehen, wie ich mich ändern kannbackground-color der vorherigen Elemente dieses Stroms.Rank Liste.

Aus dem obigen Artikel habe ich auch gelernt, den Hintergrund bis zu ändernnth-chid kann aber nicht herausfinden, wie man sich bewirbt:hover darauf.

.Rank li:nth-child(-n+5)
{
    background-color:#00f;
}