Fri, 2014-03-14 00:24
#links{ color:black; text-decoration: none; font-family: "Times New Roman", Times, serif; display: block; } #links:visited{ color:#000000; font-family:serif; text-decoration:none; } #links:hover{ color:#FF6600; text-decoration: none; } #links:active{ color: black; text-decoration: none; }
The links:visited will not work for some reason. It is purple and underlined and I do not want that at all! Please help.
Fri, 2014-03-14 08:27
#1
I am not sure if some other
I am not sure if some other file is also using this command.
So maybe try to change you code like this:
#links:visited{ color:#000000 !important; font-family:serif !important; text-decoration:none !important; }
Now you are over ruling other css files.
Hope this helps!
Fri, 2014-03-14 20:27
#2
Test doc
If the code below doesn't render as desired, you likely have a conflict that needs to be resolved. Use the Firefox addon, Firebug to discover where the override occurs.
The use of the !important hack is a poor work-around compared to sussing out the real bug, and can cause multiple instances of additional conflicts.
<!DOCTYPE HTML> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <title>Test Doc</title> <style type="text/css"> /*<![CDATA[*/ body { font: normal 100%/1.25 sans-serif; margin: 0; padding: 1.25em; } a {} /*control link*/ a#test:link { color: black; display: block; font-family: serif; text-decoration: none; } a#test:visited { color: black; } a#test:focus, a#test:hover { color: #f60; } a#test:active { color: black; text-decoration: underline; } /*]]>*/ </style> </head> <body> <p>This, <a href="http://example.com">example</a> is our control link.</p> <p>This, <a href="http://example.com" id="test">test</a> is our test link.</p> </body> </html>
cheers,
gary