h2 elements blue.",
+ "Create remove your h2 element's style tag and write the CSS to make all h2 elements blue.",
"With CSS, there are hundreds of CSS attributes that you can use to change the way an element looks on a web page.",
- "When you entered <h2 style=\"color: red\">hello html<h2>, you were giving that individual h2 element an inline style",
+ "When you entered <h2 style=\"color: red\">Cat Photo App<h2>, you were giving that individual h2 element an inline style",
"That's one way to add style to an element, but a better way is by using Cascading Style Sheets (CSS).",
"At the top of your code, create a style tag like this: <style></style>",
"Inside that style element, you can create a global style for all h2 elements. For example, if you wanted all h2 elements to be red, your style element would look like this: <style>h2: {color: red;}</style>",
"Note that it's important to have an opening and closing curly braces ({ and }) around each element's style. You also need to make sure your element's style is between the opening and closing style tags. Finally, be sure to add the semicolon to the end of each of the element's styles."
],
"tests": [
- "expect($('h2')).to.have.css('color', 'rgb(0, 0, 255)');"
+ "assert($('h2').css('color') === 'rgb(0, 0, 255)', 'Your h2 element should be blue.')",
+ "assert(!$('h2').attr('style'), 'You should remove the style attribute from your h2 element.')"
],
"challengeSeed": [
- "lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
" + "Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
" ], "challengeType": 0 },