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
jason wrghte
7,216 PointsCreate a selector that targets an img element if its title value begins with "product-". Set the border color lightblue
Hi Covered lots of different selectors & a bit stuck. tried lots of different ways but hit a brick wall any help much appreciated.
Current code below
img[title="product"] { border-color: lightblue; }
/* Complete the challenge by writing CSS below */
img[title="product"] {
border-color: lightblue;
}
4 Answers
Bob McCarty
Courses Plus Student 16,618 PointsJason,
The challenge wants the begins with attribute selector ^=
img[title ^="product-"] {
border-color: lightblue;
}
James Anwyl
Full Stack JavaScript Techdegree Graduate 49,960 PointsHi,
You need to use the begins with selector ^= found in this video
For example:
a[href^="http:"] {
color: lightblue;
}
This will target any links that have a href attribute that begins with http. e.g
<a href="http://www.google.com">Google</a>
<a href="#home">Home</a>
In this case the Google link will be light blue, Home won't be.
Hope this helps :)
jason wrghte
7,216 PointsHi
Thanks for your help & time.
Jason
jason wrghte
7,216 PointsHi
Thanks for your help & time.
Jason