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 Ben Mohammad
Ben Mohammad
5,659 Points

Targetting the img???

created the img searching for the begins with title?

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

2 Answers

Chris Jardine
Chris Jardine
13,299 Points
Chris Jardine
Chris Jardine
13,299 Points

Hi Ben

The tasks asks "Create a selector that targets an img element if its title value begins with "product-"."

Therefore you need to target the "title" of the image, in your code you are targeting the image source (src):

img[title^="product-"] {
 border-color: lightblue; 
}
Evgeniia Mas
Evgeniia Mas
4,452 Points
Evgeniia Mas
Evgeniia Mas
4,452 Points

Hello! It depends on how your src to image starts. If image is in the same directory as style.css and way starts from "product-", yes, it's possible. For example, [href ^=http: //] easily finds link to http://www.yahoo.com as it starts from "http: //" as it marked in the selector. If you want to target to img wich title has "product-" and it is in the link, and you are not sure if it is at the end ( [href $= .pdf" for targeting files such as main.pdf] ) and it is not at the beginning of your way you can use [att*=value] and value will be found where it is (start, end, center, whenever). And, of course, Chris is right, you should look first of all to the condition of the task if title is mentioned!