Менюшка на css

[Igoreshra]

<ul id="menu">	<li><a href="#">Текст</a></li>	<li><a href="#">Текст</a></li>	<li><a href="#">Текст</a></li>	<li><a href="#">Текст</a></li>	<li><a href="#">Текст</a></li>	<li><a href="#">Текст</a></li>	<li><a href="#">Текст</a></li>	<li><a href="#">Текст</a></li>	<li><a href="#">Текст</a></li>	<li><a href="#">Текст</a></li></ul>

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

 

Заранее благодарен.

Edited December 20, 2013 by Igoreshra

[Николя223]

ul:hover li{

    

    opacity: 0.6;

}

ul:hover li:hover{

    opacity: 1;

    

}

[Igoreshra]

 

ul:hover li{

    

    opacity: 0.6;

}

ul:hover li:hover{

    opacity: 1;

    

}

 

Спасибо, решение хорошее, единствееная проблема в том что цвет меняется при на ведении на элемент ul либо li, а не при наведении на ссылку и получается что возниканикает желание нажать в пустое место а не на ссылку. Можно конечно растянуть ссылку по размеру li, но может есть всетаки вариант как реализовать это для тега <a>?

[Z1gnet]

ну я полагаю что все тоже только вместо li поставить a.

ul:hover a{    opacity: 0.6;}ul a:hover{    opacity: 1;}

но тут нюанс, если вы наведете не на саму ссылку, а на список то прозрачность применится для всех ссылок, а при ховере на ссылку у нее уберется прозрачность

http://codepen.io/anon/pen/xhvJF