why is it, that, the link is changing size and colour only when i change it in "a:link".. i have visited them all now..but i am unable to change the size and font family if i apply it to "a:visited"or a:hover".
the thing is… if i apply font-family and font-size to “a:link” it works fine with all 3.
but if i apply it to “a:visited” and delete it from “a:link”,then, everything goes back to its default size and font.
you see, now in this picture, first 2 links are visited ones and the last one is not. But the font-size working on all 3 of them is the one set to the unvisited links. and the one set for visited links is not working on the first 2(which are visited ones)
Hope i made my point clear.
As for hover, add in a line-height style that is equal to your desired font-size for hover. In your case, add line-height: 40px; before your font-size. This ensures that you will give room to the increased size of your hovered text. ALSO, move a:hover after the other selectors to get its full effects (more so the colour override)!
You can remove/change the value of the font-size in your a:link selector to make it not equal to the one in a:hover to see this effect better.