CSS - Horizontal Menü ändern

[Mupp]

Hallo zusammen,

ich kenne mich leider viel zu wenig mit CSS aus, deswegen stelle ich die Frage mal hier online, vielleicht kann mir jemand helfen.

Wir möchten gerne, dass beim Hover der Text nicht schwarz, sondern auch grün unterstrichen wird - allerdings fehlt mir das Wissen, wo ich hier ansetzen muss.

Auszug aus meiner CSS:

.menu-horizontal > li:nothover) > a,
.menu-horizontal > li:nothover) > span,
.menu-horizontal > li:nothover) > .modal-instance > .modal-trigger {
opacity: .5;
}
.menu-horizontal > li > a,
.menu-horizontal > li > span,
.menu-horizontal > li > .modal-instance > .modal-trigger {
transition: 0.3s ease;
-webkit-transition: 0.6s ease;
-moz-transition: 0.6s ease;
color: #ffffff;
}
.menu-horizontal > li > a:hover,
.menu-horizontal > li > span:hover,
.menu-horizontal > li > .modal-instance > .modal-trigger:hover {
color: #8F8F8F; text-decoration: underline; font-weight: bold
}


Kann mir uns vielleicht jemand helfen?