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

Ata Ozban
Ata Ozban
2,675 Points
Posted by Ata Ozban
Ata Ozban
2,675 Points

Am I missing something in this CSS substring challenge?

So I am sitting here trying to figure out what I am doing wrong, rewatching the videos over and over again, referring to the code I have written in workspaces in hopes of understanding what I am missing but I am starting to doubt my own intelligence .

So what am I missing? Any help would be greatly appreciated.

Challenge Task: Create a selector that targets an img element if its title value begins with "product-". Set the border color to lightblue.

style.css 
/* Complete the challenge by writing CSS below */

img[src^="product-"] {
  border-color: lightblue;
}

1 Answer

Stuart Wright
Stuart Wright
41,118 Points
Stuart Wright
Stuart Wright
41,118 Points

It's asking for you to create a rule based on the title attribute, not the src attribute.

img[title^="product-"] {
  border-color: lightblue;
}
Ata Ozban
Ata Ozban
2,675 Points
Ata Ozban
Ata Ozban
2,675 Points

I can't believe I have overlooked that, thanks alot!