Overriding browser default colors on page.

Hey Scott,

Chris is correct about the missing bracket. You are also missing a # on line 86 for "#gallery"

CSS doesn't really raise errors like other languages so if you miss a bracket or have some other syntax error it will just end up ignoring the code that follows.

But the color of the code font itself can often give you hints on where an error might be. Notice how prior to the missing bracket when you selected just the elements they are a blue font, but the id's (with the #) are orange. After the syntax error, the colors are different - pretty much reversed in this case.

As you get used to a text editor and get more practice with this stuff you'll get faster at catching syntax errors. Like forgetting to close a tag, quote, or bracket will usually mess up the color scheme enough to tell you that something is wrong.

Hi Scott,

The code you have will target all unvisited anchor tags and it should work. You could even get rid of the state (:link) if you want, and just apply the color to all anchor tags in general.

a { 
  color: #6a7b8d; 
}

But if it is not working for you then there might be a problem somewhere else.

Some things to check:

1. Is your stylesheet linked properly in your HTML?
2. is the syntax of your anchor tags (and surrounding elements) correct?
3. Are there any other CSS rules above the one in question that possibly have syntax errors?

If you post your code (or provide a snapshot of your workspace) then we can help you debug further.

Hope this helps.

Hi Ryan!

Thank you for your reply. I'm very new to this, but I think this link will take you to what code I have so far. https://w.trhou.se/xife592k48

I've followed the directions closely, so i'm a little lost as to why the links in my browser stay blue no matter what color I change them to.

Any help you can offer is greatly appreciated!

Hi Scott

Line 58 on your main.css, you need to forgot to close the nav tag with "}" and it should work.