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 CSS Foundations Advanced Selectors UI Element States Pseudo-Classes

James Male
James Male
6,619 Points
Posted by James Male
James Male
6,619 Points

CSS selector problems...

I have been set the following task and seem to be getting it all wrong...

Now, create an attribute selector that targets input elements with a type value of radio. In the same selector, add the :checked pseudo class, then use a combinator to target the label that is an immediate sibling of a radio button. Set the color to blue and the font weight to bold.

My code is here:

input [type="radio"] :checked > label {
     color:blue;
         font-weight: bold;
}

Any help is much appreciated,

  • James

4 Answers

Richard Duncan
Richard Duncan
5,568 Points
Richard Duncan
Richard Duncan
5,568 Points

I believe the adjacent (immediately after) sibling selector is a + not a >. The > is a child selector.

There is also no space after the word input and the brackets in the selector .

input[type="radio"]:checked+label {
  color:blue;
  font-weight: bold;
}
James Male
James Male
6,619 Points
James Male
James Male
6,619 Points

Thank you for your help Richard however This has not solved the problem...

Richard Duncan
Richard Duncan
5,568 Points
Richard Duncan
Richard Duncan
5,568 Points

Ignore, it was the space not the bracket.

James Male
James Male
6,619 Points
James Male
James Male
6,619 Points

Thank you again however, I am still unable to move on from the code challenge... Its still saying my code is wrong.

Richard Duncan
Richard Duncan
5,568 Points
Richard Duncan
Richard Duncan
5,568 Points

This works, answer has the correct code. Example here

James Male
James Male
6,619 Points
James Male
James Male
6,619 Points

Thank you it seems to be working now, I must have copied it in wrong or something,

Thanks a bunch :)

  • James
Richard Duncan
Richard Duncan
5,568 Points
Richard Duncan
Richard Duncan
5,568 Points

Thanks James sorry for any confusion called I'm multi-tasking! Pleased I could assist.