Problème d'héritage CSS. Aide sur css s'il vous plaît.

Question

J'essaye d'ajouter un flyout à un menu d'accordéon existant qui était de http://vtimbuc.net/. Le code est sur JSFidle, quelqu'un peut-il me montrer comment avoir une bordure sous le tag a (Signe OUt> Freeze Account> Sub 1) et aussi un arrière-plan différent pour le menu déroulant (My Files> Skydrive> Sub Product 1 .. ..)

Je suis encore un débutant en CSS et je l'ai essayé quelques petites choses et n'a pas eu de chance et je pense que c'est à cause de l'héritage CSS que je ne suis pas familier

http://jsfiddle.net/QhAu5/14/

Merci!

Answer 1

changer les couleurs à tout ce que vous voulez.

Pour bordure inférieure

ul.sub-menu li.sub_nav2 ul li a { 
    border-bottom: 1px solid #000; 
} 

Pour la couleur d'arrière-plan

ul.sub-menu li.sub_nav2 ul li a:hover { 
    background-color: #f00; 
} 

http://jsfiddle.net/QhAu5/16/

Answer 2

Pour ajouter une bordure en dessous de la 'une' étiquette:

.sub_nav2 li { 
    border-bottom:1px 'solid your color here'; 
} 

Pour changer la couleur de fond icône déroulante:

.sub_nav2 li a:hover { 
    background: 'your color here'; 
}