added one applied rule example

Author: khan4019

css.html

@@ -186,21 +186,16 @@ <h2>7. David Shariff </h2>
    <p><strong>Answer:</strong></p> 
   <p>ref: <a href="http://davidshariff.com/quiz/">David Shariff: quiz</a></p>
 </div>
-<!-- <div id="download_order">
-  <h2>8. download order</h2>
-  <p><strong>Question:</strong> Does style1.css have to be downloaded and parsed before style2.css can be fetched?</p>
+<div id="download_order">
+  <h2>8. applied rule</h2>
+  <p><strong>Question:</strong> What is the color of text sausage?</p>
   <pre><code>
-&lt;head&gt;<br/>    &lt;link href=&quot;style1.css&quot; rel=&quot;stylesheet&quot;&gt;<br/>    &lt;link href=&quot;main2.css&quot; rel=&quot;stylesheet&quot;&gt;<br/>&lt;/head&gt;
+&lt;style&gt;<br/> ul {<br/>   color: red;<br/> }<br/> li {<br/>   color: blue;<br/> }<br/>&lt;/style&gt;<br/>&lt;ul class=&quot;shopping-list&quot; id=&quot;awesome&quot;&gt;<br/>    &lt;li&gt;&lt;span&gt;Milk&lt;/span&gt;&lt;/li&gt;<br/>    &lt;li class=&quot;favorite&quot; id=&quot;must-buy&quot;&gt;&lt;span class=&quot;highlight&quot;&gt;Sausage&lt;/span&gt;&lt;/li&gt;<br/>&lt;/ul&gt;
   </code></pre>
-<p><strong>Answer:</strong> No</p>
-<p><strong>Question:</strong> Does main2.css have to be downloaded and parsed before Paragraph 1 is rendered on the page?</p>
-<pre><code>
-&lt;head&gt;<br/>    &lt;link href=&quot;main1.css&quot; rel=&quot;stylesheet&quot;&gt;<br/>&lt;/head&gt;<br/>&lt;body&gt;<br/>    &lt;p&gt;Paragraph 1&lt;/p&gt;<br/>    &lt;p&gt;Paragraph 2&lt;/p&gt;<br/>    &lt;link href=&quot;main2.css&quot; rel=&quot;stylesheet&quot;&gt;<br/>&lt;/body&gt;
-</code></pre>
-<p><strong>Answer:</strong> yes</p>
+<p><strong>Answer:</strong> blue</p>
 
 ref: <a href="http://davidshariff.com/quiz/">David Shariff: quiz</a>
-</div> -->
+</div>
 <!-- <div id="optional_tag">
   <h2>9. self closing tag</h2>
   <p><strong>Question:</strong> What are optional closing tag? and why would u use it?</p>