JavaScript CSS Selectors Quickstart Pseudo-classes and Combinators Link Pseudo-classes Challenge

Noman Rafiq
Noman Rafiq
Full Stack JavaScript Techdegree Student 13,105 Points

Pseudo-classes visited link selector. Color not working

The challenge is: select all visited links and change the text color to firebrick.

I have attached my code but for some reason it won't go further. Any suggestions please, Thanks in advance.

style.css
a:link{
  color:darkorange;
}

a:visited{
  color:firebrick;
}
index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Pseudo-classes Challenge</title>
    <link rel="stylesheet" href="page.css">
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <header>
      <h1>Lake Tahoe, California</h1>
      <h2>Journey Through the <a href="https://en.wikipedia.org/wiki/Sierra_Nevada_(U.S.)">Sierra Nevada Mountains</a></h2>
      <p><a href="https://en.wikipedia.org/wiki/Lake_Tahoe">Lake Tahoe</a> is one of the most breathtaking attractions located in <a href="https://en.wikipedia.org/wiki/California">California</a>. 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>
    </header>
  </body>
</html>

2 Answers

It is a matter of style but I would say is a best practice.

Here is a Google Style Guide that specifies to include a space

4.2.4 Property Name Stops

Use a space after a property name’s colon.

Always use a single space between property and value (but no space between property and colon) for consistency reasons.

Although not required for task 1, you need a space between color: and firebrick to pass task 2.

Noman Rafiq
Noman Rafiq
Full Stack JavaScript Techdegree Student 13,105 Points

thank you so much. It worked. Is there a specific reason or not a good practice without space?