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 jammie Hargreaves
jammie Hargreaves
Courses Plus Student 2,455 Points

selectors

Good evening guys,

I am confused as to what im doing wrong here exactly ? I have tried img & .img

src^= was begins with ??

Thank you.

style.css 
/* Complete the challenge by writing CSS below */
img[src^="Product-"]  {
 border-color: lightblue;
}

2 Answers

Owa Aquino
Owa Aquino
19,277 Points
Owa Aquino
Owa Aquino
19,277 Points

Hi Jammie,

The issue in your code is instead of looking for "product-" in the tittle attribute you are looking at the src attribute. As the challenge said "Create a selector that targets an img element if its title value begins with "product-".

Hope this helps!

Cheers!

jammie Hargreaves
PLUS
jammie Hargreaves
Courses Plus Student 2,455 Points
jammie Hargreaves
jammie Hargreaves
Courses Plus Student 2,455 Points

Thanks owa, Much appreciated

Simple mistake.

/* Complete the challenge by writing CSS below */ img[title^="product-"] { color: lightblue; }