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 Basics (2014) Fundamental Concepts Inheritance

Sean Flanagan
Sean Flanagan
33,235 Points

color: initial

Hi.

When I set

.intro {
    font-size: 1.25em;
    line-height: 1.6;
    color: initial;
  }

the introductory paragraph didn't change to black. Any idea why please?

Sean

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there, this is probably going to be easiest to troubleshoot if we can see a snapshot of your workspace. But before you do that, try either clearing your browser cache or viewing in a private tab and see if this fixes the issue. There's always the chance that your browser is loading in a cached version of the code.

5 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Now, I know this is going to sound like a silly question. Are you 110% sure you saved the file? When I fork the workspace, this is the rule I see:

.intro {
  font-size: 1.25em; /* 20px/16px */
  line-height: 1.6; 
}

The color: initial; is missing entirely from this section, which makes me think the file didn't get properly saved after you edited it. Try forking the workspace and take a look. When I add in that line, save the file, and refresh the preview, it works. But right now, because it's missing, it's inheriting the font color from the body.

Looking forward to your response! :sparkles:

Sean Flanagan
Sean Flanagan
33,235 Points

Hi Jennifer. Thanks for the quick response. Here's the snapshot you asked for:

https://w.trhou.se/bntbps7d5j

Thanks in advance for any help you can offer.

Sean

Sean Flanagan
Sean Flanagan
33,235 Points

Unfortunately, Workspaces has shut down of its own accord a few times, but I've forked the workspace and the color: initial; line is there, so why it's not appearing at your end, I don't know. Anyway, I'll send you a link to the forked workspace:

https://teamtreehouse.com/workspaces/31941122

Hopefully this will help.

Cheers

Sean

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Unfortunately, that link does not work for me. That workspace link is private to you. The only thing we can really do is fork a snapshot. But open up the snapshot you linked to me yourself and take a look. That line is simply not there in that snapshot. Also, you never confirmed that you saved the file.

Sean Flanagan
Sean Flanagan
33,235 Points

Hi.

It seems you were right. I've added the line and saved the file. I've taken another snapshot. I previewed the web page and it seems to be okay now.

Here's the new snapshot:

https://w.trhou.se/bedvqhmq20

Does that line appear at your end now?

Thanks for your patience

Sean

Jennifer Nordell
seal-mask
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Yup! The line is there and everything looks fine. The text is black just as I would expect. I'm not sure what else to tell you other than for whatever reason, the file simply did not get saved with the changes, but it seems to be in good working order now! :sparkles:

Sean Flanagan
Sean Flanagan
33,235 Points

Thanks for your help; I appreciate it.