Hvis man er løsningsorienteret er det fint, forsøger bare at advare dig mod at det er bad practice at bruge en unique identifier som redskab til styling. Den er mere passende til navngivning/script/target anchor end udseende, så jeg er enig i at din menu gerne må hedder id="TopMenu", mens class attributten udelukker sig til et elements udseende.
ex kan du jo også bare:
html:
<a href=""><span>den aktive side<span></a>
<a href="">ikke aktiv side</a>
css:
a span
{
//aktiv side styling
}
Men det er OGSÅ bad practice, det giver usemantisk markup.
Altså det jeg vil frem til er at der er flere måde at få resultatet frem på med et aktivt menu punkt. Men ikke alle er lige hensigstmæssige.
Forestil dig evt en nestet menu, med undermenu:
<ul>
<li class="Active">
<ul><li class="Active"></li></ul>
</li>
<li></li>
<li></li>
</ul>
Her ville du være nødsaget til at have id="Level_1_Active" og id="Level_2_Active"
Frem for bare at benytte normal nedarvning gennem css:
ul li.Active
{
//top level
}
ul ul li.Active
{
// nested level
}
Vh
/J