Zmiana koloru pozycji menu

[Veco]

To mój pierwszy post tutaj także na wstępie chciałbym się serdecznie przywitać. Bawię się w Joomli około tygodnia, tworząc stronkę dla znajomego. Niestety napotkałem się z małym problemem. Jestem prawie kompletnie zielony jeżeli chodzi o język css. Zmieniłem sobie czcionkę pozycji mainmenu oraz jego kolor. Zmienił się kolor wszystkich pozycji menu, a chciałbym, żeby każda pozycja miała inny kolor. Z tego co się orientuję trzeba stworzyć nowe pozycje w klasie, która definiuje menu w pliku styles.css, niestety jako laik nie mam zielonego pojęcia jak to zrobić. Przesyłam kod stylu owego mainmenu :

[usunięto niepotrzebny kod CSS - zwiastun]


Używam joomli 3.2.1. Z góry dziękuję za pomoc.

[zwiastun]

My Cię też witamy serdecznie. I musimy Ci na wstępie wyjaśnić, że wzajemna pomoc na forum nie polega na wykonywaniu zadań za proszących o pomoc, a wskazywaniu, jak je wykonać.
Oświadczasz rozbrajająco, że jesteś prawie kompletnie zielony, jeżeli chodzi o język CSS. Ale już sobie coś zmieniłeś. To dobry znak, bo idąc dalej tą drogą pozmieniasz. Tylko czy warto brać się na początek za trochę trudne zadania? Ale próbuj.
Przyjrzyj się dokładnie, jaki kod HTML generuje menu. Zauważysz na pewno, że każda pozycja ma już wygenerowaną klasę. Trzeba posłużyć się selektorami tych klas, by w css określić własności prezentacji.
Możesz skorzystać przy tym z narzędzi udostępnianych przez przeglądarki (np. Zbadaj element w Chrome, czy dodatek FireBug dla Firefoxa).
Zamieszczanie tutaj kodu CSS, na dodatek w oderwaniu od HTML nie ma najmniejszego sensu.