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 Cameron Harris
Cameron Harris
407 Points

Something wrong with my code. It's all messed up.

first of all. A lot of the selectors in my css are red and i am not sure why. Also, the work space website does not match what its suppose to look like. Please help.

3 Answers

David Omar
David Omar
5,676 Points
David Omar
David Omar
5,676 Points

We need to see your code to give you proper help.

Cameron Harris
Cameron Harris
407 Points

I'm honestly not sure how to do that. Would you like for me to just copy and paste the whole thing?

David Omar
David Omar
5,676 Points

look below for the Markdown Cheatsheet to see how to copy paste your code nicely.

Joseph Gennitti
Joseph Gennitti
16,870 Points
Joseph Gennitti
Joseph Gennitti
16,870 Points

When ever the selectors are red it is because something is not closed in your css like a curley bracket or you did not put a semi colon after one of your values.

Example:

h1 { color: blue; }

If you have a missing semi colon or don't have your property and value between a curley brackets it will cause the code to break for the rest of your work. Workspace makes it red to let you know you missed something or did not close your syntax properly.

Cameron Harris
Cameron Harris
407 Points

Oh, ok.

Steve Smith
Steve Smith
12,956 Points
Steve Smith
Steve Smith
12,956 Points

The most common cause of this is a missing closing bracket on a style, for example:

 styled-text {
    font-style: italic;
    font-size: 1.2em;
    line-height: 28px;
    text-align: justify;
    border-left-style: none;
    <- a missing closing brace here will cause all the following 
        text to be interpreted as parameters of this style.

styled-other-text {
    text-align: justify;
    border-left-style: none;
    font: .8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
Cameron Harris
Cameron Harris
407 Points

Oh, ok thanks Steve.