An additional explanation in instruction

This commit adds additional instructions in the override styles challenge.
As disscussed the explaination should help campers understand the importance
of ordering in the css the <style> tags.

Tested locally.

closes #6313
pull/6344/head
Mrugesh Mohapatra 2016-01-20 13:41:28 +00:00
parent b971abcebf
commit 22dbfd89b1
1 changed files with 2 additions and 1 deletions

View File

@ -3100,7 +3100,8 @@
"Apply the <code>blue-text</code> class to your <code>h1</code> element in addition to your <code>pink-text</code> class, and let's see which one wins.",
"Applying multiple class attributes to a HTML element is done with a space between them like this:",
"<code>class=\"class1 class2\"</code>",
"Note: It doesn't matter which order the classes are listed in."
"Note: It doesn't matter which order the classes are listed in the HTML element.",
"However, the order of the <code>class</code> declarations in the <code>&#60;style&#62;</code> section are what is important. The second declaration will always take precedence over the first. Because <code>.blue-text</code> is declared second, it overrides the attributes of <code>.pink-text</code>"
],
"challengeSeed": [
"<style>",