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

Bala Selvam
Bala Selvam
30,151 Points

Can anyone explain why my last img selector is not working 100% everything is correct, but it keeps saying it is wrong

Can understand why the last img selector is not working. I was pretty sure you used the asterisk for this one.

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

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

a[href$=".html"] {
  text-decoration: none;
}

img[src*= "preview"]{
  width: 100%;
}

2 Answers

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there! You're super close. In some cases, CSS is not picky about whitespace but this is one of those "make or break" cases and a single space is breaking your code. To be clear, this is not something specific to Treehouse, but to CSS in general.

You wrote:

img[src*= "preview"]

But that should be:

img[src*="preview"]

Note the removal of the extraneous space between the equals sign and the beginning quotation mark. Hope this helps! :sparkles:

Bala Selvam
Bala Selvam
30,151 Points

Okay sweet. Thank you. That worked.

Nils Kriedner
Nils Kriedner
23,095 Points

Did you try without the space between = and "preview"?

You have a space in your code. Other than than it should be correct.