"Introduction to HTML and CSS (2016)" was retired on July 31, 2024. You are now viewing the recommended replacement.

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 Selectors Going Further with Attribute Selectors and Pseudo-Classes Element States Pseudo-Classes

Posted by saber
saber
13,276 Points

Is it necessary to use an attribute selector for the checkbox?

I did just...

input:checked + label {
  font-weight: bold;
}

and it seemed to work fine. Is there any downside to not being as specific?

1 Answer

Steven Parker
Steven Parker
231,269 Points
Steven Parker
Steven Parker
231,269 Points

Specificity affects the order of precedence of the rules. But in this case there seems to be no conflicting rule of higher specificity, so making this change should be fine.

Except for contributing to specificity, the attribute selector isn't needed here since only checkboxes have a "checked" state.