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
Kyle Higginson
9,600 Pointsstuck on ui element states pseudo-classes quiz
here is what its asking me to do:
Now, create an attribute selector that targets input elements with a type value ofradio. 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 blueand the font weight to bold.
and here is the code im trying to input:
input[type="radio"]:checked = label { color: blue; font-weight: bold; }
I thought i had it right? help would be much appreciated! thanks!
3 Answers
Adam Moore
21,956 Points:checked + label is what you'll need. The + is the combinator for siblings.
Kevin Korte
28,148 PointsIt's the :checked = label that has you messed up. It's asking for the combinator selector for immediate siblings which is >
So it should read
input[type="radio"]:checked > label
according to the question description.
Kyle Higginson
9,600 Pointsjust tried changing to the > and it wouldn't go through either
Kevin Korte
28,148 PointsSaw you found our answer, sweet! Need to brush up on my terminology I see, lol.
Kyle Higginson
9,600 Pointsedit: whoops double post
Kyle Higginson
9,600 PointsKyle Higginson
9,600 Pointstotally worked! thanks!
Adam Moore
21,956 PointsAdam Moore
21,956 PointsNo problem! Glad I could help!