CSS Style Sheet <a> Links

I am trying to apply the below to my style sheet but it creates a green underline which when hovered over displays the following

Validation (css2.1): 'a' is not a know CSS property name

.Links
{
a:link { text-decoration: underline, font-size: 1em; }
a:hover { text-decoration: none; font-size: 2em; }
}
LBGUC04Asked:
Who is Participating?
 
Gurvinder Pal SinghConnect With a Mentor Commented:
it should be

a.Links:link
{
text-decoration: underline, font-size: 1em;
}
a.Links:hover
{
text-decoration: none; font-size: 2em;
}
0
 
kswathiConnect With a Mentor Commented:
.a { text-decoration: underline, font-size: 1em;}
.a:hover{text-decoration: none; font-size: 2em; }
or
.Links{text-decoration: underline, font-size: 1em;}

.Links:hover{ text-decoration: none; font-size: 2em; }
 Try the above
0
 
HagayMandelConnect With a Mentor Commented:
The a and a:link will perform the same behavior.
I guess you are trying to style the links INSIDE your 'Links' div,  that has the class 'Links attached to.
<div class="Links"><a href="#">link</a></div>

Open in new window


in this case, this is the CSS:
.Links a:link {
	font-size: 1em;
	text-decoration: underline;
}
.Links a:hover {
	font-size: 2em;
	text-decoration: underline;
}

Open in new window


0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.