gezieltes styling eines Hauptmenüpunktes mit Untermenü

Hallo!

Ich möchte Hauptmenüpunkte welche über ein (aufklapp-) Untermenü verfügen auf eine bestimmte art stylen (color, background-color).
Aber nur wenn sie ein Untermenü beinhalten, und wenn dieses aufklappt. Also sowohl bei mouse-over als auch wenn man sich innerhalb des Untermenüs bewegt.

Aktuell sieht das noch so aus:

Ziel ist folgendes:

Mein Problem ist, daß ich nicht weiß, wie ich dieses bestimmte Element anspreche.
Mit anderen Worten, was muß ich in der template.css eingeben, um das zu bewerkstelligen?

(http://www.lyzarr.com/testsite/de/)

Vielen Dank im voraus!

Sorry, ich verstehe Deinen Satz nicht.
Meine Frage ist, wie genau ich das in der template.css umsetze.

Tausend Dank, das ist es!

Was ich damit aber leider nicht ansprechen kann ist die Schrift des Menüpunkts selbst, welcher bei aufgeklapptem Menü genauso aussehen soll, wie beim hover (siehe screenshot oben).

Das möchte ich ihm "ankleben":

color: #4532f2;
   text-shadow:
    1px  1px 2px white,
    1px -1px 2px white,
   -1px  1px 2px white,
   -1px -1px 2px white;

Wenn ich die Seite untersuche scheint es a.dropdown-toggle zu sein, bekomme es aber leider nicht hin.
Wäre für eine weitere Hilfestellung sehr dankbar.

Danke für Deine Antwort, aber das meine ich nicht.

Wenn ich mit dem Mauszeiger im Aufklappmenü bin, soll dessen Hauptmenüpunkt weiterhin lila + weißer Umrandung sein, wie beim hover (obwohl ich mich nicht mehr direkt darauf befinde.
Also so, wie weiterhin der background des Hauptpunktes grau bleibt.

Vielen Dank für Deine Antwort und den link.
Uff, ich denke die Nummer ist mir zu hoch. Hatte auf eine überschaubareren Lösung nur via css Anpassung gehofft.