Confusing error during CSS styling

When I insert this code into CSS, I get an error message telling me, "Did you remember to set your link’s [<a href=“yadayada…>Link Text</ a>] text-decoration to none;?” Which, yes, I did. Is there a problem I don’t see?

h1 {
    font-family:Verdana, sans-serif;
p {
    font-family: Garamond, serif;
img {
    border: 1px solid #4682B4
a {

I would recommend to Always use the semi-colon-; at the CSS-end-of-a-rule-definition…

Could you provide us with the FULL HTML-code you are using…

Here is the full HTML

<!DOCTYPE html>
		<link type="text/css" rel="stylesheet" href="stylesheet.css" />
	        Learning to Code
	        any text you like. <a href="">Here</a> is a cool picture!
        <img src="" />

Anything else you need?
Also I added all the semicolons that were missing after you mentioned it, but the problem persists.

Maybe you are using chrome ???
Text-decoration: none; bug

1 Like

That would be the problem, yes. Thanks!
Is there any way around this? Or must I use another browser?

using google search
css solution to chromes text-decoration none bug
found in

  text-decoration: none!important;

Okay yeah I followed the link to Stack Overflow. What exactly does the “!important” do to the CSS? how can I use it more often?

You could have used google search
==the Book==


== discussions / opinions ==
css !important explained

happy reading :eyeglasses: :israel:

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.