Problem with A:link, A:visited Inside a Dedicated div

Why am I having problems with this code? A attributes should only apply to links inside a div with .linkies class, but for some reason is also changes all other links on entire site, outside of

<div class="linkies">

Code (markup):

. What did I do wrong there?

.linkies {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding: 10px;
	color: #999999;
	text-align: left;
	margin-left: 14pt;
	line-height: 1.5em;
}

.linkies a:link, a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;	
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}

Code (markup):

 

try changing a:visited to .linkies a:visited

a:visited will affect all a tags

 

Hit it right on the nail. You'd think having them all in the same line would make them mean .linkies but this is how the browser reads your current code:

.linkies a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;	
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}
a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;	
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	}

Code (markup):

BTW while you're at it, why not condense some of that?

.linkies a {
color: #fff;
font: bold 14px verdana, arial, helvetica, sans-serif;
text-decoration: none;
}

You'll only need to state the differences in :hover or :focus then, instead of repeating all the stuff you want to remain the same. "a"'s styles can be inherited by the other pseudo-classes, while a:link's cannot be. Saves a lot of work.

 

That sounds great. Thanks a lot you guys