down grade speciity

Author: khan4019

css.html

@@ -311,16 +311,8 @@ <h2>6. display vs visibility</h2>
   <p>if u want to say it smartly, <code>display:none</code> cuases DOM reflow where is <code>visibility:hidden</code> doesn't. btw, what is reflow? answer. sorry i wont tell you, google it.</p>
   <p>ref: <a href="http://www.vanseodesign.com/css/visibility-vs-display/">visibility vs Display</a></p>
 </div>
-<div id="http_request">
-  <h2>7. specificity </h2>
-  <p><strong>Question:</strong> What is specificity? How do u calculate specificity?</p>
-  <p><strong>Answer:</strong> is a process of determining which css rule will be applied to an element. it actually determines which rules will take precedence. </p>
-  <p>inline style usually wins then ID then class value (or pseudo-class or attribute selector), unversal selector (*) has no specificity.</p>
-  <p>ref: <a href="http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/">css specificity: things you need to know</a>, <a href="http://www.standardista.com/css3/css-specificity/">specifishity</a>, <a href="http://specificity.keegan.st/">specificiyt calculator</a></p>
-</div>
-
 <div id="mark">
-  <h2>8. box model</h2>
+  <h2>7. box model</h2>
   <p><strong>Question:</strong> What are the properties related to box model?</p>
   <p><strong>Answer:</strong> everything in a web page is a box where you can control size, position, background, etc. Each box/content area is optionally surrounded by padding, border and margin. When you set height and width of an element, you set content height and width.</p>
   <p>Technically, height, width, padding and border are part of box model and margin is related to it.</p>
@@ -333,6 +325,13 @@ <h2>8. box model</h2>
     </div>
   </div>
 </div>
+<div id="http_request">
+  <h2>8. specificity </h2>
+  <p><strong>Question:</strong> What is specificity? How do u calculate specificity?</p>
+  <p><strong>Answer:</strong> is a process of determining which css rule will be applied to an element. it actually determines which rules will take precedence. </p>
+  <p>inline style usually wins then ID then class value (or pseudo-class or attribute selector), unversal selector (*) has no specificity.</p>
+  <p>ref: <a href="http://coding.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/">css specificity: things you need to know</a>, <a href="http://www.standardista.com/css3/css-specificity/">specifishity</a>, <a href="http://specificity.keegan.st/">specificiyt calculator</a></p>
+</div>
 <div id="standard_quirks">
   <h2>9. shadow DOM</h2>
   <p><strong>Question:</strong> What is shadow DOM?</p>