Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS The Selectors Solution

Konstanze Pelargus
seal-mask
.a{fill-rule:evenodd;}techdegree
Konstanze Pelargus
Front End Web Development Techdegree Student 3,860 Points

Half of my selectors aren't working.

My selectors partially stop working from the span challenge onwards despite me getting many of them right. The previous challenge has some code highlighted in red but I do not seem to see what could possibly be wrong with it. I believe it is identical to the teacher's solution unless I cannot see the forest for the trees. I'd like to point out that "input[type] and #site-logo are highlighted in red. Here is the code. Furthermore, the Chrome inspect shows none of the code I added starting with the span challenge. I will show what inspect shows further below.

/* Give the text field a blue border upon focus. Check teacher's notes for resources on this part of the challenge. */ input[type="text"]:focus { border: 2px solid blue; }

/* Give the 'span' tag in the footer a meaningful class name and reduce its font size */

.bookworm { font-size: 12px; }

/* Give the 'img' tag in the header an ID and set its width to 190px */

#site-logo { width: 190px; }

/* Target all heading tags on the page and set their font family to 'Bree Serif', serif */

h1, h2, h3 { font-family: 'Bree Serif', serif;
}

Chrome Inspector for the h1 tag that should be 'Bree Serif':

h1, h2 {
    color: #8292b1;
    margin-top: 0.65em;
}
* {
    box-sizing: border-box;
}
user agent stylesheet
h1 {
    display: block;
    font-size: 2em;
    margin-block-start: 0.67em;
    margin-block-end: 0.67em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: bold;
}
body {
    color: #6a6a6a;
    font: 1.05em/1.5 'Raleway', sans-serif;
}
Steven Parker
Steven Parker
216,891 Points

It would help to see the issue within the context of the entire project. Take a look at this video about sharing a snapshot of your workspace.

Konstanze Pelargus
seal-mask
.a{fill-rule:evenodd;}techdegree
Konstanze Pelargus
Front End Web Development Techdegree Student 3,860 Points

Hello Steven, Sorry for the late response, work has been crazy lately and I haven't had the time to share a snapshot. Here is the link. Please let me know your thoughts.

https://w.trhou.se/whsxmkm6mg

Thank you,

Konstanze

2 Answers

Steven Parker
Steven Parker
216,891 Points

In selectors.css, the rule on line 43 is highlighted in red because the previous rule that began on line 37 hasn't been closed yet. There's probably a closing brace (}) missing from line 39.

Are you sure you're saving your file and refreshing the page in preview workspace after your changes are added?