Kolor tła dla aktywnej podstron [CSS i HTML]

[bahafo]

[Kartofelek]

Masz style dla :hover. Musisz takie same stworzyć dla klasy np. .active i po przejściu na daną podstronę dodawać ją do danego linka.

Kod:

#nav li.active > a {
    color: #00B4FF;
}
#nav li:nth-of-type(1).active ~ #lavalamp {
    left: 16px;
}
...

[bahafo]

Dodałem te klasy do CSS, dodałem klase do podstrony i nic... Czyli zrobiłem tak:

Dodałem to:

Kod:

#nav li:active > a {
    color: #00B4FF;
}
#nav li:nth-of-type(1).active ~ #lavalamp {
    left: 16px;
}

W HTML zrobiłem tak:

Kod:

<li><a href="index.html" class="active">Główna</a></li>

Kolor podstrony w menu zmienia się tylko wtedy jak kliknę na np"Główna" i przeciągnę poza menu. Kolor znika jak kliknę w byle jakie miejsce na stronie.

[Kartofelek]

Źle.
1) Do LI dodałeś active po : a nie po .
2) Klasę active nadałeś na LI, a w kodzie html dodałeś ją do A

[bahafo]

Dzięki kolego za pomoc, bardzo mi pomogłeś ! )

A jak już jesteś taki pomocny to mógłbyś mi podpowiedzieć jak zrobić żeby ten suwak się zatrzymywał na podstronie.
Dla przykładu jeśli wpiszę do CSS coś takiego to owszem suwak się zatrzymuje, ale wtedy już nie chce się ruszać (nie chodzi za kursorem myszki), zmienia pozycje tylko wtedy jak wejdę na inną podstronę. "Lavalamp to ten suwak"

Kod:

#nav li:nth-of-type(1).active ~ #lavalamp {
    left: 16px;
}
#nav li:nth-of-type(2).active ~ #lavalamp {
    left: 90px;
}
#nav li:nth-of-type(3).active ~ #lavalamp {
    left: 170px;
}
#nav li:nth-of-type(4).active ~ #lavalamp {
    left: 250px;
}

[Kartofelek]

Może pomorze dodanie !important dla deklaracji z hover