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 Advanced Selectors :root and :target

Diego Murray
Diego Murray
2,515 Points
Posted by Diego Murray
Diego Murray
2,515 Points

Can someone elaborate on the :target pseudo class and how this is used exactly?

Does an attribute have to contain a # in order for it to be targeted?

3 Answers

Enok Madrid
Enok Madrid
3,472 Points
Enok Madrid
Enok Madrid
3,472 Points

If the hash in the browser's URL:
mywebsite.com/#hash

and the id of an element are the same:

<div id="hash">...</div>

then the :target pseudo class rules get triggered.

:target {
   background: red;
}
tifferz
tifferz
7,948 Points
tifferz
tifferz
7,948 Points

Thank you! I was quite confused on this as well.

Matt Mittman
Matt Mittman
2,178 Points
Matt Mittman
Matt Mittman
2,178 Points

Thank you! I couldn't figure out how/why it'd get triggered.