added css specificity

Author: khan4019

css.html

@@ -178,16 +178,18 @@ <h2>5. box model</h2>
   <h2>6. position</h2>
   <p><strong>Question:</strong> How absolute, relative, fixed and static position differ?</p>
   <p><strong>Answer:</strong> </p>
-  <p>absolute, place an element exactly where you want to place it. position is relative to parent. if no parent available then relatively place to the page itself.</p>
-  <p>relative, is position an element relative to itself. for example, if u set postion relative to an elment and set top:10px, it will move 10px down from where it would be normally.</p>
-  <p>fixed, element is positioned relative to viewport or the browser window itself. viewport doesnt changed if u scroll and hence fixed element will stay right in the same position</p>
-  <p>static, element will be positioned based on the normal flow of the document. usually, u will use position static to remove other position mibht be applied to an element.</p>
+  <p><em>absolute</em>, place an element exactly where you want to place it. position is relative to parent. if no parent available then relatively place to the page itself.</p>
+  <p><em>relative</em>, is position an element relative to itself. for example, if u set postion relative to an elment and set top:10px, it will move 10px down from where it would be normally.</p>
+  <p><em>fixed</em>, element is positioned relative to viewport or the browser window itself. viewport doesnt changed if u scroll and hence fixed element will stay right in the same position</p>
+  <p><em>static</em>, element will be positioned based on the normal flow of the document. usually, u will use position static to remove other position mibht be applied to an element.</p>
   <p>ref: <a href="http://www.barelyfitz.com/screencast/html-training/css/positioning/">css positioning in ten steps</a>, <a href="http://css-tricks.com/absolute-relative-fixed-positioining-how-do-they-differ/">css position</a>, <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/position">MDN: position</a></p>
 </div>
 <div id="http_request">
-  <h2>7. something </h2>
-  
-  <p>ref: </p>
+  <h2>7. specificity </h2>
+  <p><strong>Question:</strong> What is 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="download_order">
   <h2>8. applied rule</h2>