versch. Schriftfarben der Buttoms der Untermenüs

Hallo,


Meine Menüleiste sieht wie folgt aus:
Startseite--Über mich--Blog--Kontakt--Impressum. Jetzt soll unter Startseite und Über mich jeweils ein Untermenü. Zudem soll die Schriftfarbe der Buttoms der beiden Untermenüs unterschiedlich sein.


Ich habe diesbezüglich die style.css untersucht. Meiner Meinung nach gibt es nur drei Einstellungsmöglichkeiten für die Menüs, dies sind folgende:


.main-navigation a:hover


.navigation-top .current-menu-item > a, .navigation-top .current_page_item


.navigation-top a


Für die Untermenüs gibt es meiner Meinung nach nur folgende CSS- Klasse:
.main-navigation li li a


Weil es nur eine CSS-Klasse für alle Untermenüs gibt, kann ich für die Untermenüs Startseite--Untermenü und Über mich-- Untermenü nicht unterschiedliche Farben verwenden, so dass bei dem ersten Untermenü die Schriftfarbe rot und beim zweiten Untermenü die Schriftfarbe grün ist.
Anders ausgedrückt: Das es für die Untermenüs in der Navigationsleiste nur eine CSS-Regel gibt, kann ich die beiden oben genannten Untermenüs farblich nicht unterschiedlich gestalten. Stattdessen haben die Untermenüs immer die selbe Farbe.


Nun meine Frage: Wie muss ich vorgehen, so dass ich die Schriftfarbe der beiden Untermenüs unterschiedlich gestalten kann? Ich vermute, dass man das über ein Plugin macht.


Welches Plugin eignet sich besonders gut, um die Schriftfarbe zweier versch. Untermenüs unterschiedlich zu gestalten, so dass z.B. Untermenü1 die Schriftfarbe rot und Untermenü2 die Schriftfarbe grün hat?


Ich habe noch eine zweite Frage:
Ich habe die Wordpress-Seite in Google Chrome geöffnet. Dann gehe ich mit der Maus z.B. über einen Buttom, mache einen Rechtsklick und gehe im geöffneten Pop-up Fenster auf Untersuchen. Ich ermittele auf diese Weise die entsprechende Zeile in der style.css Regel. In einem HTML-Editor verändere ich dann diese. Nach einigen Veränderungen erscheinen dann bei Untersuchen in Google Chrome durchgestrichene CSS-Regeln.


[FONT=Consolas, Lucida Console, Courier New, monospace].navigation-top a {[/FONT]

1. [FONT=Consolas, Lucida Console, Courier New, monospace]color: #301f31;[/FONT]
   [FONT=Consolas, Lucida Console, Courier New, monospace]font-weight: 600;[/FONT]
   [FONT=Consolas, Lucida Console, Courier New, monospace]-webkit-transition: color 0.2s;[/FONT]
   [FONT=Consolas, Lucida Console, Courier New, monospace]transition: color 0.2s;[/FONT]
   

Was haben die durchgetrichenen CSS- Regeln, die in Google Chrome angezeigt werden, zu bedeuten?


Die Webseite ist lokal auf meinem Rechner. Mein Betriebssystem ist Windows7.