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 Jeff Cornwell
Jeff Cornwell
1,512 Points

Question about the 4th advaced CSS selectors challenge

This is the fourth challenge in the Advanced Selectors page.

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

I tried:

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

I'm sure I have the right idea, but perhaps you could lead me to get the syntax correctly?

James Barnett
James Barnett
39,199 Points
James Barnett
James Barnett
39,199 Points

Jeff Cornwell - Edit your original question with the code you have tried so far.

Jeff Cornwell
Jeff Cornwell
1,512 Points

input["text"]:disabled { background-color: #CCC; }

Jeff Cornwell
Jeff Cornwell
1,512 Points

I tried: disabled { background-color: #CCC; } input:disabled { background-color: #CCC; } :disabled { background-color: #CCC; }

Chase Lee
Chase Lee
29,275 Points
Chase Lee
Chase Lee
29,275 Points

Put in the keyword lightgray for the background-color.

3 Answers

Chase Lee
Chase Lee
29,275 Points
Chase Lee
Chase Lee
29,275 Points

Are you having problems with the code challenge?

Chase Lee
Chase Lee
29,275 Points
Chase Lee
Chase Lee
29,275 Points

You need to select the disabled pseudo element.

astoundingperson189
astoundingperson189
3,955 Points
astoundingperson189
astoundingperson189
3,955 Points

I have the same problem. I have tried every possible way:

:disabled {background-color: #ccc;}
input[type="text"]:disabled {background-color: #ccc;}

It just doesn't let me through the challenge.

Jeff Cornwell
Jeff Cornwell
1,512 Points

First you need to indicate what type of field it is, ie. input. Then you need to describe the property of the field, ie. :disabled. Then you need to use the lightgray color descriptor as the background color.