Previous Message
Next Message

[css-d] Mozilla, :before, :hover:before, and content styling

Sent by Jared Williams on 14 August 2002 13:01


Hi,

	I've been experimenting with using :before & :hover:before
selectors with Mozilla, and found this little odd behaviour with the
following CSS:

	a { text-decoration: none; }
	a:hover { text-decoration: underline; }
	#site-navigation a:before { content: '\25ba  '; color: #888; }
	#site-navigation a:hover:before { color: #f00; text-decoration:
none; }

Mozilla adds the css content, with the specified colour (#888) before
each hyperlink. It also changes the colour (#f00) of content when the
hyperlink is hovered. But I cannot seem to prevent it from being
underlined.

It appears that a:hover's underline is always being rendered, without
considering a:hover:before first.

What should be the affect?  

	
http://homepage.ntlworld.com/jared.williams/css-discuss/2002/8/mozilla-h
overbefore.htm

Jared
Previous Message
Next Message

Message thread: