Смена background'a пункта меню при таргете

[aurfon]

Друзья подскажите! Хочу сделать, так сказать активный пункт меню, т.е. выделить пункт меню на той странице на которой сейчас нахожусь. Я скорее всего не так понял как это делается =(

HTML

<div class="menu">
    	<ul>
            <li><a href="#index" id="index">Первый пункт</a></li>
            <li><a href="#useful" id="useful">Второй пункт</a></li>
            <li><a href="#data" id="data">Третий пункт</a></li>
            <li><a href="#design" id="design">Четвертый пункт</a></li>
            <li><a href="#payment" id="payment">Пятый пункт</a></li>
            <li><a href="#resume" id="resume">Шестой пункт</a></li>
        </ul>
    </div>

CSS

.menu ul li {
	float:left;
	display:block;
	text-align:center;
	line-height:30px;
	background:orange;      //тут к примеру оанжевый цвет
	border-radius:7px;
	margin:0 7px;
	box-shadow:0 7px 20px #333;
}
.menu ul li:target {
	background:red;      //при клике на пункт в меню появляется site.ru/index.html#index - ну это если на index нажали =)соответственно хотело бы сменить цвет выбранного пункта
}

Я скорее всего, не так делаю...=(

Edited April 18, 2012 by aurfon

[Switch74]

вообще target логичнее применять к a. У li ведь нет href чтобы сравнить его с текущим адресом странички

[SelenIT]

Дело не в href, а в id, который используется как якорь. В примере id задан ссылкам, поэтому и :target-ами будут они. Были бы id-ы у li-шек - работало бы для них.

[Switch74]

блин с active попутал

[aurfon]

я уже и к li пробовал id присвоить,и к ссылкам, background не меняется, даже color у пунктов меню, ничего не меняется

[alex_anderr]

А просто задать класс к нужному li?

Это при условии, что файлов страниц физически несколько.

А если на одной странице, то есть вариант на пхп.

Edited April 23, 2012 by alex_anderr