added another applied rule example

Author: khan4019

css.html

@@ -193,7 +193,12 @@ <h2>8. applied rule</h2>
 &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> blue</p>
-
+<br>
+<p><strong>Question:</strong> What would be color of text sausage?</p>
+<pre><code>
+&lt;style&gt;<br/> ul li {<br/>    color: red;<br/> }<br/> #must-buy {<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> blue</p>
 ref: <a href="http://davidshariff.com/quiz/">David Shariff: quiz</a>
 </div>
 <!-- <div id="optional_tag">