Interview Questions

How do I have links of different colours on the same page?

CSS Interview Questions and Questions

(Continued from previous question...)

77. 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 href="#" class="red">A red link</a>
<a href="#" class="blue">A blue link</a>

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
<ul id="menu">
<li><a href="#">A red link</a></li>
<li><a href="#">A red link</a></li>
</ul>
<div id="content">
<p>There's <a href="#">a blue link</a> here.</p>
</div>

(Continued on next question...)

Other Interview Questions