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 #6313pull/6344/head
parent
b971abcebf
commit
22dbfd89b1
|
@ -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><style></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>",
|
||||
|
|
Loading…
Reference in New Issue