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 Foundations Text, Fonts, and Lists More Text Properties: Part 2

Posted by Jessica Scott-Dutcher
Jessica Scott-Dutcher
2,517 Points

What is wrong with my text-overflow declaration?

My CSS is:

link {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

I keep getting a "Check the text-overflow declaration in your CSS." error and text-overflow does not look like it's being recognized as a declaration. What am I doing wrong?

1 Answer

Erik McClintock
Erik McClintock
45,783 Points
Erik McClintock
Erik McClintock
45,783 Points

Jessica,

The problem here is not with your property declarations, but rather with your selector. Treehouse's error message is responding to the wrong thing...

The instructions direct you to select the paragraph with the CLASS of "link"; you've simply neglected to add the "." before your selector.

.link {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

The rest of your code works fine; I copied and pasted it into the challenge (but with .link as the selector, remember!) and it worked just fine!

Erik

Jessica Scott-Dutcher
Jessica Scott-Dutcher
2,517 Points

That's it, thanks!

Erik McClintock
Erik McClintock
45,783 Points
Erik McClintock
Erik McClintock
45,783 Points

Jessica,

My pleasure! Glad I could help :)

Erik