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) Basic Selectors ID and Class Selectors

Posted by Kathryn Notson
Kathryn Notson
25,941 Points

CSS Basics: ID & Class Selectors Challenge

I clicked on the completed "Class Selectors" video to go to the ID & Class Selectors Challenge. There is no style.css tab next to the index.html tab on the Workspace.

At the bottom of my screen, I have an Adobe Acrobat file which says, "Do you want to open or save style.css (50 bytes) from preview.treehouse-challenges.com?" To the right of that question are "Open," "Save," & "Cancel" buttons with an "x" to close it. The "Save" button has a drop down menu that says, "Save," "Save as," or "Save & open." This Adobe Acrobat file bar shows dark orange, light orange, & then white.

I don't know what I'm supposed to do with the style.css Adobe Acrobat file before I answer the Challenge questions.

I'm using Microsoft Windows 7 Enterprise & Internet Explorer 11 on a Worksource Oregon computer. I've been using the same computer I used for my Web Design course. The Multnomah County Library has Windows 7 Enterprise & Firefox browser. I think both may have Chrome browsers. (My web page renders in IE 11 in the Inline & Internal Styles lesson only & not the subsequent lessons. It's not the IE 11.)

However, this doesn't answer the question of why I'm getting an Adobe Acrobat file for this challenge & all the previous lessons from CSS Basics: Inline & Internal Styles, External Style Sheets, Importing Style Sheets with @import, Basic Selectors: Intro to Selectors, Type Selectors 1 , Type Selectors 2, ID Selectors, & Class Selectors.

If I do a Print Screen, I'm not sure it will show the Adobe Acrobat file mentioned above as it appears to me.

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>
      <span>Journey through the Sierra Nevada Mountains</span>
      <h1>Lake Tahoe, California</h1>
    </header>
    <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="#">Find out more</a>
    <div>
      <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 mink, bears, and Bald eagles.
      </p>
      <a href="#">See the Wildlife</a>
    </div>
  </body>
</html>
style.css 
/* Complete the challenge by writing CSS below */
Justin Bigos
Justin Bigos
3,828 Points
Justin Bigos
Justin Bigos
3,828 Points

I believe when you clicked preview that the Adobe pop up was the file itself. But that shouldn't have anything to do with the challenge itself. If it is the challenge where you have to add a class selector. you add class=" " to whatthe question states in the html file.

ex: <div class="more info">

that's now how you target the <div> class in CSS.

Kathryn Notson
Kathryn Notson
25,941 Points

Justin Bigos:

I posted my comments first on the Forum under the CSS Basics: Inline & Internal Styles. I then contacted tech help, & they in turn contacted Dave McFarland, Team Treehouse instructor. He told me he would be able to test the code using IE 11 on Monday, June 8, 2015. I haven't started the Code Challenge, yet. I haven't put any CSS styles in the Adobe Acrobat file.

1 Answer

Jonathan Grieve
MOD
Jonathan Grieve
Treehouse Moderator 91,253 Points
Jonathan Grieve
Jonathan Grieve
Treehouse Moderator 91,253 Points

I'm not sure what you need to bother with Adobe Acrobat Reader.

I can only suggest you go straight to the challenge from the course list. Everything appears to be working fine for me. :-)

Failing that you could drop a bug report to the support team through help@teamtreehouse.com and I'm sure they can help you.

Kathryn Notson
Kathryn Notson
25,941 Points

Jonathan Grieve: See my comments to Justin Bigos. I originally posted my comments under CSS Basics: Inline & Internal Styles. I then contacted the tech support at Team Treehouse, & they contacted Dave McFarland. He's going to test this problem on Monday, June 8, 2015 & respond to this question then. I sent him a link to this specific post. I haven't started this Code Challenge, yet. I haven't put any CSS styles in the Adobe Acrobat file. It comes up by itself when I click on the Workspace Preview button in the upper right corner of Workspace. Why it's doing that, I don't know. That's just the way the lessons were set up in this course. I think it's a coding issue that Team Treehouse must fix. This didn't happen in the Web Design course.