Ciao Mexican,
l'effetto sul menu di quella pagina non è stato ottenuto con i CSS ma con Jquery, il codice javascript che lo esegue sta nel file

http://www.chanel.com/js/index.js

Spiegare come funziona non è semplicissimo, ma in sostanza quando il mouse va sopra una voce di menu questa riga di codice aggiunge la classe "disable" a tutti gli elementi figli di <ul> (cioè i[*]) che quindi si scuriscono
codice:
 $(this).parents('ul').children('li').addClass('disable');
La riga successiva invece rimuove la class dall'elemento corrente che così si schiarisce:
codice:
 $(this).removeClass('disable');