[thelist] CSS - a:hover and a:visited

aardvark roselli at earthlink.net
Thu Jul 25 14:28:01 CDT 2002

> From: "Flavia Tarzwell (FayeC)" <ftarzwell at fayec.com>
> Can anybody tell me what is the rules or ordering for a:hover and all
> the other a: in css? I am trying to get my links with a hover effect

i use:

/* Default link style for all unclassed links */
a:link		{	text-decoration : underline ;
			color : #ff0000 ; }

a:visited	{	text-decoration : underline ;
			color : #00ff00 ; }

a:hover		{	text-decoration : underline ;
			color : #0000ff ; }

note that i don't use the a:active -- not because i don't like it, but
because i don't bother for most sites unless the defaults really
offend me...

but this first sets all links... then it sets the visited ones... then it
sets the hover for all links, which overrides active and visited
because it appears last in the order...

something fell off my bookshelf... i should go check...

Read the evolt.org case study
Usability: The Site Speaks for Itself
ISBN: 1904151035

More information about the thelist mailing list