CSS CSS Basics (2014) Basic Selectors Pseudo-Classes

CJ Ruacho
CJ Ruacho
1,321 Points

everything i try changing orange isnt working and i tried changing the color my background and a:visited isnt working

<!DOCTYPE html> <html> <head> <title>Lake Tahoe</title> <link rel="stylesheet" href="css/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>
            Lake Tahoe is one of the most breathtaking attractions 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>
  <h2>Check out all the Wildlife</h2>
  <p>
    As spawning season approaches the fish acquire a humpback and protuberant jaw. After spawning they die and their carcasses provide a feast for gatherings of <a href="#mink">mink</a>, <a href="#bears">bears</a>, and <a href="#eagles">Bald eagles</a>.
  </p>
        <a href="#wildlife">See the Wildlife</a>
    </div>

    <div class="secondary-content t-border"> 
  <h3>From Tents to Resorts</h3>
  <p>
    Lake Tahoe is full of wonderful places to stay. You have the ability to sleep in the outdoors in a tent, or relax like a king at a five star resort. Here are our top three resorts:
  </p>
  <ul>
    <li><a href="#hotels">Lake Tahoe Resort Hotel</a></li>
    <li><a href="#resorts">South Lake Tahoe Resorts</a></li>
    <li><a href="#lodging">Tahoe Ski Resort Lodging</a></li>
  </ul>         
  <h3>Pack Accordingly</h3>
  <p>
    One of most important things when it comes to traveling through the great outdoors is packing accordingly. Here are a few tips:
  </p>
  <ol>
    <li>Bring layers of clothing</li>
    <li>Pack sunscreen</li>
    <li>Carry extra water just in case</li>
    <li>Pack light</li>
  </ol>
    </div>

    <footer id="main-footer" class="t-border">
        <p>All rights reserved to the state of <a href="#">California</a>.</p>
        <a href="#top">Back to top &raquo;</a>
    </footer>

</body> </html>


body { color: #878787; margin: 0; }

h1 {
font-size: 90px; color: white; }

h2 { font-size: 53px; }

h3 { font-size: 20px; color: #48525c; }

main-footer {

padding-top: 60px; padding-bottom: 60px; border-bottom: solid 10px orange; }

.main-header { background-color: orange; }

.title { color: white; font-size: 26px; }

.primary-content { text-align: center; }

.t-border { border-top: 2px solid lightgrey; }

a:link { color: orange; }

a:visited { color:lightblue; }

here is my link http://port-80-dji5v6lj34.treehouse-app.com/#

please help

1 Answer

I also noticed this issue with Firefox. When I tried it on Chrome it worked.