:hover

[artem42]

Доброго времени суток, уважаемые! Совсем недавно меня заинтересовало красивое меню, суть которого я сейчас объясню.

У нас есть меню. При наведении на одну ссылку, она остается такой же, а в это время другие ссылки (на те, на которых не наведен курсор) делают совсем иное действие, например меняют цвет.

Помогите пожалуйста реализовать на чистом css. Мне нужен обычный каркас, дальше я все сам сделаю, а то что-то голова не работает.

[skatadov]

a	{
	color: blue;
	}
ul:hover a{
	color: green;
	}
ul:hover a:hover{
	color: blue;
	}

<ul>
<li><a href="">Пункт</a></li>
<li><a href="">Пункт</a></li>
<li><a href="">Пункт</a></li>
<li><a href="">Пункт</a></li>
</ul>

Edited December 24, 2012 by skatadov

[Sensei]

Можно так, чтобы не переопределять стили у целевого элемента. (в ИЕ ниже 9 версии не сработает)

ul:hover a:not(:hover) {
    color: red;
}

[USF]

///

Edited December 24, 2012 by USF

[artem42]

Благодарю