css html как сделать выделенный пункт меню самым простым способом

Покажу на примере списка li.
вот наш html:

<ul class="menu">
<li><a href="#" >Пункт 1</a></li>
<li><a href="#" >Пункт 2</a></li>
</ul>

Мы хотим чтобы при нажатии на Пункт 1 он выделялся например красным цветом. Пишем в css файле:

.menu li a:link,
.menu li a:visited {
	color:#fff;
} /*-- цвет не активных пунктов меню --*/

.menu li.active a:link,
.menu li.active a:visited {
	color:RED;
} /*-- цвет активного пункта меню --*/

Вот и все. Просто и понятно. Без всяких скриптов и прочей лабуды.