Selektor pseudoklasy :focus działa tylko z hashtagiem

Question

Cześć! próbuję zrobić nawigację na stronie, gdzie po wciśnięciu na daną kategorie strony, napis będzie miał inny kolor. Gdy używam "#" to wszystko ładnie działa natomiast po dodaniu strony docelowej, niestety nic się nie dzieje.  

            <nav>
                <ul>
                    <li><a href="index.html">About</a></li>
                    <li><a href="#">Blog</a></li>
                </ul>
            </nav>

__________________________________________________________________________

nav a:focus {
    color: #0099FF;
}

Czy ktoś miał kiedyś podobny problem? liczę na wasze sugestie.

Answer 1

wrzuc cały kod na https://jsfiddle.net/

jak  dobrze rozumiem twoje pytanie to pewnie chodzi ci o to  https://jsfiddle.net/jyuu6kLg/ a po za tym do nawigacji dodaj osobno klasę i daj mu inny kolor np .

<nav>
    <ul>
        <li class="twojanzawaklasy"><a href="index.html">About</a></li>
        <li><a href="#">Blog</a></li>
    </ul>
</nav>



.twojanzawaklasy{
background-color:black;
color:white;
}

 

Comments

https://jsfiddle.net/4v8kL20k/1/

hej, chodzi mi o coś dużo bardziej prostszego, w linku są 2 kategorie nawigacji, About oraz Blog. Po wciśnięciu "Blog" napis zostaje dalej podświetlony na niebiesko bo w href wpisałem "#". Problem w tym, że chcę osiągnąć taki sam efekt wciskając About, który ma być podświetlony po przejściu na index.html czy jakąkolwiek inną podstronę.

Selektor :target nie daje, żadnego efektu =/

index.html to strona główna i używam jej tylko żeby sprawdzić czy to zadziała, docelowo dopiero stworzę about.html. A mówiąc jeszcze prościej, chcę aby osoba wchodząca na stronę, wiedziała gdzie się znajduje :)

Dzięki za odp jaca.