CSS CSS Selectors Going Further with Attribute Selectors and Pseudo-Classes Substring Matching Attribute Selectors Challenge

Kelly Kroener
Kelly Kroener
3,292 Points

how do I: Create a selector that targets an img element if its title value begins with "product-"

i've tried the various forms of substring (^$*) syntax with no luck, unless i've had a random space somewhere I haven't noticed

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

img[title*="product-"] {
border-color:lightblue;
}

1 Answer

That selector should work, I think the reason you aren't seeing any changes to the style of your image is that just assigning a border colour wont do anything, you need to assign a width and style.

/*starts with*/
img[title^="product-"] {
border:1px solid lightblue;
}

/*contains*/
img[title*="product-"] {
border:1px solid lightblue;
}