I have a nice navigation list - an unordered list used as a navigation bar. Is there a clever CSS way to disable the link to the current page, or to change it's text colour (to indicate that it is disabled)? Andy.
Code: Select all
ul#navList { padding: 0; margin: 0.5em 0 1em 0; list-style-type: none; float: left;
width: 100%; color: #fff; background-color: #036;
}
ul#navList li { display: inline; text-align:center; }
ul#navList li a { float: left; width: 5em; color: #fff; background-color: #036;
padding: 0.2em 1em; text-decoration: none; border-right: 1px solid #fff;
}
ul#navList li a:hover {
background-color: #369; color: #fff;
}