hovereffekte bei links in untergeordneten klassenausschalten

hi zusammen!

weiss jemand, wie man die hovereffekte die man in einer höhren klasse festgelegt hat, in einer untergeordneten verhindert bzuw. ausschaltet?

#a a{
farbe:gelb
}

#a a:hover{
farbe:braun
}

#b a{

}

#b a:hover{

}

<div id="a">
<div id="b">
link
</div>
</div>

wäre das so vom ding her richtig?

wie funktioniert das denn jetzt mit dem überschreiben?
so wie oben im beispiel?

wie funkitoneiert die kaskadierung, wenn ich in untergeordnetetn klassen saegn wir nur .untergeorneteklasse a{ text-decoration:none;} hinzufüge? - werden dann die übrigen aspekte - body a{color: #999999;} body a:hover{color:#ffffff; brgd-coloer:#333333;} - von der höheren klasse in dier unteren übernommen, oder muss ich dann alles nohcmal neu definiieren?