classes de hiérarchie CSS et ID

Question

Je suis la construction d'un menu à l'aide XHTML, CSS et jQuery et je suis tombé sur un problème avec mon CSS. est ma page de test, et ici est mon css.

Qu'est-ce que je rencontre des problèmes avec ma classe est que .subMenu hérite les propriétés de mon #menu, les couleurs de fond et tailles sont les mêmes. Je suis à la recherche d'une solution qui laisse .subMenu en tant que classe pour que je puisse le réutiliser. Je l'ai à travailler en changeant .subMenu à un ID. La chose étrange est que je modifier certaines des propriétés dans mon code jQuery en utilisant la classe .subMenu et change celles-ci.

Alors je me demandais si quelqu'un pouvait me faire savoir comment y remédier et si elle était une question de hiérarchie s'ils pourraient l'expliquer.

Merci, Levi

Answer 1

Je pense que le problème est que le #menu> li a appliquera ce style à tous les liens à l'intérieur des balises li, donc toutes les balises li à l'intérieur du sous-menu aura également ce style. Il me semble que la seule différence est en arrière-plan et les couleurs de premier plan sur vol stationnaire, de sorte que vous pouvez le réparer en changeant #menu> li a et #menu> li a: hover à #menu être> li> a et #menu> li> a: hover. De cette façon, les styles pour le menu de niveau supérieur ne sera appliqué aux liens qui sont directement après une balise li qui sont directement après l'élément de #menu. Les styles de sous-menu peuvent rester le même.