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 Substring Matching Attribute Selectors Challenge

Posted by Michael Hugueley
Michael Hugueley
7,185 Points

need help on this challenge, it is saying it is wrong

Finally, create a new selector that targets an img element if its src value contains the word "preview". Then, set its width to 100%.

style.css 
/* Complete the challenge by writing CSS below */
img[title^="product-"] {
  border-color: lightblue;
}
a[href$=".html"] { text-decoration: none; } And don't forget to remove the "-" in a[href$='.html']

img [src*='preview']{ width: 100%; }

2 Answers

Jason Anders
MOD
Jason Anders
Treehouse Moderator 145,860 Points
Jason Anders
Jason Anders
Treehouse Moderator 145,860 Points

Hey Michael,

While whitespace doesn't usually matter in CSS, it's very important when using pseudo-classes, selectors, etc. Right now, there is a space between the img selector and the opening square bracket, and this is what is causing the error. With a space, the browser won't know that what is inside the brackets belongs only to that particular selector.

Also, in the challenge, you added the line

And don't forget to remove the "-" in a[href$='.html']

and because there are quotes in there, it is messing up the img line.

So, to pass the 3rd task, just remove the space and delete that line. Also, in regards to quotes, you can use single or double, but it's always best to maintain consistency. (You used both here).

Keep Coding! :) :dizzy: