Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS CSS Basics (2014) Understanding Values and Units Styling the Intro Paragraph

Posted by Ian Chen
Ian Chen
6,538 Points

This is my second time to encounter the problem with "a:link"

Challenge Task 5 of 5.

Thanks for "Iain Diamond", he taught me that I should not leave whitespace between "a:" and "link".

However, I tried it this time but not worked. In fact, I passed the challenge last time by just reloading the page (but it still doesn't work this time).

Hence, I'm wondering if the system has something wrong?

index.html 
<!DOCTYPE html>
<html>
  <head>
    <title>Lake Tahoe</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body> 
    <header id="top" class="main-header">
      <span class="title">Journey Through the Sierra Nevada Mountains</span>
      <h1>Lake Tahoe, California</h1>
    </header>
    <div class="primary-content t-border">
      <p class="intro">
        Lake Tahoe is one of the most <span>breathtaking attractions</span> located in California. It's home to a number of ski resorts, summer outdoor recreation, and tourist attractions. Snow and skiing are a significant part of the area's reputation.
      </p>
      <a href="#more">Find out more</a>
    </div>
    <footer class="main-footer">
      <p>All rights reserved to the state of <a href="#">California</a>.</p>
      <a href="#top">Back to top &raquo;</a>
    </footer>
  </body>
</html>
style.css 
/* Complete the challenge by writing CSS below */
.intro {
  font-size: 1.25em;
  line-height: 1.6;
}

.intro span {
  font-weight: bold;
  font-style: italic;
}


a:link {
  font-style: none;
}
Jeremy Coleman
Jeremy Coleman
5,449 Points
Jeremy Coleman
Jeremy Coleman
5,449 Points

So the unvisited link needs to be clear of the underline. It has something to do with decorations. Other then that your code is fine.

Ian Chen
Ian Chen
6,538 Points

Thank you Jeremy. Since the hint always shows error happened at "a:link", I omit the error of text-decoration. I passed now, and it's really my fault. Thanks again.

Jeremy Coleman
Jeremy Coleman
5,449 Points
Jeremy Coleman
Jeremy Coleman
5,449 Points

It's alright, its all apart of the learning process. Happy coding!!

1 Answer

jeremy hudson
jeremy hudson
2,589 Points
jeremy hudson
jeremy hudson
2,589 Points

a:link text-decoration: none; this should help you