I want to define a single style class with a pre-defined text color, lets say Black. But when I hyperlink a part of the text content, it should take a different property and yet another when I hover on the link.
So far, what I have is
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
What I want is:
• Home • About Us • Portfolio • Contact •
Here, I don't have links on the bullet, hence they should be black. Since, I am going to hyperlink "Home", "About Us", etc., I want them to be colored Red and hover with Blue.
How can I do this with just one class?