How do I have links of different colours on the same page?
Recommending people to use classes in their ‘a’ tags like this :
CSS
a.red {
color:red;
}
a.blue {
color:blue;
}
HTML
A red link
A blue link
This is a valid way to do it, but usually, this isn’t what a page looks like - two links next to each other with different colours - it’s usually something like a menu with one kind of link and main body text or another menu with different links. In this (normal) situation, To go higher up the cascade to style the links. Something like this :
CSS
a {
color:red;
}
#menu a {
color:blue;
}
HTML
There’s a blue link here.