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

Christy Zimmer Coyle
Christy Zimmer Coyle
3,014 Points
Posted by Christy Zimmer Coyle
Christy Zimmer Coyle
3,014 Points

Stuck on CSS selector challenge

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.

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

I keep getting the bummer message with this and I don't understand why.

2 Answers

Kevin Kenger
Kevin Kenger
32,834 Points
Kevin Kenger
Kevin Kenger
32,834 Points

Hey Christy,

You've got a space between input and your type selector. Remove that space and your code should work perfectly.

Christy Zimmer Coyle
Christy Zimmer Coyle
3,014 Points
Christy Zimmer Coyle
Christy Zimmer Coyle
3,014 Points

Oh my gosh, these little things that trip me up! It worked, thank you!!!