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

Joseph Choi
Joseph Choi
1,445 Points

Please tell me what I'm doing wrong: img[title^="product-"] { border-color:lightblue; }

It keeps telling me that I'm not setting the border colors right... I believe the system is wrong. Please help.

style.css
/* Complete the challenge by writing CSS below */
img[title^="product-" {
  border-color:lightblue;
}
nitin suresh
nitin suresh
5,691 Points

Just now I tried the challenge. There seems to be a bug

2 Answers

Steven Parker
Steven Parker
207,602 Points

This looks correct to me. You might want to report this as a bug to Support.

nitin suresh
nitin suresh
5,691 Points

There is a different attribute selector to match hyphen, - (U+002D):

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

[attr|=value] Represents an element with an attribute name of attr whose value can be exactly value or can begin with value immediately followed by a hyphen, - (U+002D). It is often used for language subcode matches.

Steven Parker
Steven Parker
207,602 Points

:x: That's not what this challenge is asking for (and it also does not pass).