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 Mauro Bruno
Mauro Bruno
1,598 Points

Using the rem unit, how can I set font size back to the base font size of the root HTML element?

In the "Take a Challenge" exercise it asked to set font size back to the base font size of the root HTML element. In the specific case, I have to resize the font of an anchor element with a class "more".

My code is the following:

.more a { font-size: 1rem; }

I've seen many times the video lesson about this, but I still can't be able to solve this trouble. Can you explain me where I'm doing mistakes? Thanks.

4 Answers

Philip G
Philip G
14,601 Points

You select a Anchor element inside .more. This should work:

a.more {
   font-size: 1rem;
 }
Dai Phong
Dai Phong
20,395 Points
Dai Phong
Dai Phong
20,395 Points

If <a> tag has class '.more' so you dont need to put a after class name, try to remove a selector

Lucas Krause
Lucas Krause
19,924 Points
Lucas Krause
Lucas Krause
19,924 Points

Your declaration is absolutely correct. But your selector select an anchor element (<a>) inside of an element with the class "more". But you should select an anchor element that has the class "more". You can do this by using the following selector:

a.more {...}
Mauro Bruno
Mauro Bruno
1,598 Points
Mauro Bruno
Mauro Bruno
1,598 Points

You are right guys! Thanks a lot for your great help. :)