Jo, přesně tak :)
Tady třeba mám udělané odkazy s hover Blog - myslím ty hnědé oválné nahoře v navigaci
v HTML to pak vypadá nějak takto
<body>
<header id="top" class="SiteHead">
<nav class="SiteNav tags">
<ul>
<li><a href="../.tags/Arduino.html">Arduino</a></li>
<li><a href="../.tags/Drobnicky.html">Drobnicky</a></li>
...
<li class="actual"><a href="../.tags/blog.html">blog</a></li>
...
a v CSS to pak vypadá nějak takto
.SiteNav {border-radius: 0.5em; text-align: left;background:#BBBBBB;}
.SiteNav ul { padding:0; margin:0; border-radius: inherit;}
.SiteNav li { display:inline; border-radius: inherit;}
.SiteNav a { padding: 0 1em;}
.SiteNav a:link, .SiteNav a:visited { color: white; background: #703030;}
.SiteNav a:hover, .SiteNav a:active { color: black; background: green;}
.actual a:link, .actual a:visited { color: yellow; background: red; }
.actual a:hover, .actual a:active { color: yellow; background: green; }
čili fakt nic složitého a co tu popisuje za porody s tím HTML prasičem (editor bych tomu neříkal), to už dávno mohl mít takle hotové a snadno si to měnit ...