Diffrent link colors inside diffrent divs?

HTML & CSS
1

Hi my quastion is if I can have diffrent link colors inside diffrent divs?

tried this but it dont work

<div id="div1"><a href="javascript:#">67</a></div>
<div id="div2"><a href="javascript:#">67</a></div>

And in the css file I want to do anything like this


#div1{
A:link {text-decoration: underline; color: #ffffff;}
A:visited {text-decoration: underline;color: #ffffff;}
A:active {text-decoration: none;color: #ffffff;}
A:hover {text-decoration: none; color: #ffffff;}
}
#div2{
A:link {text-decoration: underline; color: #000000;}
A:visited {text-decoration: underline;color: #000000;}
A:active {text-decoration: none;color: #000000;}
A:hover {text-decoration: none; color: #000000;}
}

Can this be achieved in any way?
Thanks in advance :slight_smile:

2

You can use a comma separated list where you want to apply the same styles to multiple elements.

e.g.


#overview-container a:link,
#overview-container a:visited {
text-decoration: underline;
color: #000000;
}

Note that there is no comma after the final selector.


p,h1,h2,h3 {color:red}
3

#div1 A:link {text-decoration: underline; color: #ffffff;}
#div1 A:visited {text-decoration: underline;color: #ffffff;}

etc.

4

Thats what I was doing wrong, trying to declare sevral atributes at the same row like

#overview-container A:link A:visited{
text-decoration: underline;
color: #000000;
}

no wonder it didn’t work :stuck_out_tongue:

Thanks