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

Peter Kim
Peter Kim
3,896 Points

I have no idea how to do the first part

Please help me!

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

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

2 Answers

Tiago Gomes
Tiago Gomes
4,117 Points

I tried exactly your answer, but it stills wrong.

I don`t know what to do.

Shawn Denham
seal-mask
PLUS
.a{fill-rule:evenodd;}techdegree
Shawn Denham
Python Development Techdegree Student 17,802 Points

Here is the answer broken down an bit.

Here is the complete question for reference:

Create a selector that targets an img element if its title value begins with "product-". Set the border color to light blue.

So first off it wants you to "Create a selector that targets an image tag"

img {
}

Now it only wants that have titles that begin with "product-"

img[title^="product-"] {
}

Then set the border to light blue

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

so you were pretty close. :)

what you have above translates into "select all img tags that start with product"