CSS would be limited in this aspect, you would really need a JS function to do it very effectively, but after searching this is basically workable...
Check these pages out, this illustrates what are attempting for the most part:
(the code from them is below.)
http://www.wpdfd.com/editorial/basics/mypage8b.html
A few tips:
http://www.wpdfd.com/editorial/basics/cssbasics6.html
Here is the code for the source notice only the current page being visited it different all the others are identical you might even be able inline them all in-order to prevent redundancy i.e. 'a:link, a:hover, a:active {rules}'
but that might cause a conflict by putting the 'a:visted' out of it's order.
a:link {
color: #00c;
text-decoration: none;
background-color: transparent }
a:visited {
color: #90c;
text-decoration: none;
background-color: transparent }
a:hover {
color: #0c0;
text-decoration: none;
background-color: #ff0 }
a:active {
color: #c00;
text-decoration: none;
background-color: transparent }
<INSIDE of BODY>-
<a href="mypage8.html">home page</a> | <a href="mypage8a.html">new york</a> | <b>tunis</b> | <a href="mypage8.html#myanchor">amsterdam</a>