Witam,
Mam problem przy nadaniu koloru linku gdy dany <li> ma być aktywny tzn. ma nadaną przezemnie klasę css.

Kod:

[HTML] pobierz, plaintext 
<div id="menu">
		<ul>
			<li class="active"><a href="link.html">asfdsa</a></li>
			<li><a href="link.html">vcxz</a></li>
			<li><a href="link.html">afast</a></li>
		</ul>
	</div>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
#menu
	{
	height: 42px;
	float: right;
	width:auto;
	}
 
 
#menu ul
	{
	list-style:none;
	margin:0;
	padding:0;
	}
#menu li
	{
	float:left;
	width:100px;
	margin:0;
	padding:0;
	text-align:center;
	}
#menu li a
	{
	display:block;
	padding:12px 10px 16px 10px;
	height:100%;
	color: #ebebeb;
	text-decoration: none;
	}
#menu li a:hover, #menu .active
	{
	background-color: #ebebeb;
	color: #525252;
	}
[CSS] pobierz, plaintext 

Wszystko pięknie ładnie klasa active działa, zmienia kolor tła, dla danego podpunktu listy, ale nie zmienia koloru czcionki dla linku. Pomóżcie proszę bo siedzę nad tym od rana próbowałem już !important, itp. nic nie pomaga

Bo powinno być:

[CSS] pobierz, plaintext 
#menu .active a
[CSS] pobierz, plaintext 

@down: Po co ID skoro dodaje dla każdego linku? DRY and KISS.

nad ID linkowi i ostyluj
np.

[HTML] pobierz, plaintext 
<a href="link.html" id="link">asfdsa</a>
[HTML] pobierz, plaintext 

[CSS] pobierz, plaintext 
#link{
color:#fff;
float:left;
margin:0;
padding:0;
 
[CSS] pobierz, plaintext 

Dzięki pedro84 pomogło