From 79dd3d1bdd50344d2bda43cd06b2cd91943aaa8c Mon Sep 17 00:00:00 2001
From: Mrugesh Mohapatra <me@raisedadead.com>
Date: Wed, 20 Jan 2016 13:41:28 +0000
Subject: [PATCH] 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
---
 .../01-front-end-development-certification/html5-and-css.json  | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/challenges/01-front-end-development-certification/html5-and-css.json b/challenges/01-front-end-development-certification/html5-and-css.json
index e91ac8247f..458a7538d8 100644
--- a/challenges/01-front-end-development-certification/html5-and-css.json
+++ b/challenges/01-front-end-development-certification/html5-and-css.json
@@ -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>",