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

Posted by Timothy Hanlon
Timothy Hanlon
1,008 Points

ID selectors not working

I feel like a twit for not getting this, but I can't seem to be able to have my CSS target a tag with an ID. The exercise in "Use ID Selectors" applies an ID tag to the div element and applies basic layout properties, but when I copy this code into my own stylesheet it doesn't work. I know the stylesheet is applied to the HTML because the selector modifying links' text decoration works fine, and if I change the target of the CSS to just target all div tags I get the same result as in the video, I just can't get that result by using targeting the ID tag. Any thoughts?

Sreng Hong
Sreng Hong
15,083 Points

can you show your code? There is many kinds of problem that we can make, so we can't find the right problem without looking at code.

3 Answers

Timothy Hanlon
Timothy Hanlon
1,008 Points

Ah, I think I've figured it out. The code above was correct, but for some reason the page wasn't refreshing correctly. A forced refresh with CTRL+F5 worked.

Shamime Boodhoo
Shamime Boodhoo
19,054 Points
Shamime Boodhoo
Shamime Boodhoo
19,054 Points

You need to provide a link to your code otherwise nobody can really help. Make sure you are putting a # in front of your ID in the CSS.

Timothy Hanlon
Timothy Hanlon
1,008 Points
Timothy Hanlon
Timothy Hanlon
1,008 Points

Ah, that would make sense to do. Sorry. Code snippets are as follows: 

  </header>
  <div id="wrapper">
    <section>
      <ul>

#wrapper {
  max-width: 940px;
  margin: 0 auto;
  padding: 0 5%;
}