Create a new rule that removes the underline from all unvisited links on the page."

Question

What I've done so far:

.intro { font-size: 1.25em; line-height: 1.6; }

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

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;
}

Answer 1 · 2015-03-23T12:44:00Z

March 23, 2015 12:44pm

Hi Alan,

To target un-visited links, use the a:link selector.

Hope this helps,

Cheers

Answer 2 · 2015-03-23T05:38:48Z

March 23, 2015 5:38am

In your style.css type a new rule

style.css

a {
text-decoration: none;
}

Answer 3 · 2015-09-30T23:45:51Z

September 30, 2015 11:45pm

target you anchor and type in text-decoration: none; inside you braces

Welcome to the Treehouse Community

Looking to learn something new?

alan rado

alan rado

Create a new rule that removes the underline from all unvisited links on the page."

3 Answers

Robert Richey

Robert Richey

Niyamat Almass

Niyamat Almass

jeremy hudson

jeremy hudson