added 6 more links

Author: khan4019

css.html

@@ -214,6 +214,12 @@ <h2>css related interview questions</h2>
         <li><a href="#optimizeSelector">optimize selector</a></li>        
         <li><a href="#importStyle">@import</a></li>
         <li><a href="#cssSprite">sprite</a></li>
+        <li><a href="#specificity">specificty</a></li>
+        <li><a href="#shadowDOM">shadow DOM</a></li>
+        <li><a href="#transition">css transition</a></li>
+        <li><a href="#filter">filter effect</a></li>
+        <li><a href="#preProcessor">css pre processor</a></li>
+        <li><a href="#seeAndTell">see & Tell</a></li>
        </ol>
 <div id="float">
   <h2>1. float</h2>
@@ -439,7 +445,7 @@ <h2>16. specificity </h2>
   <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="shadowDom">
+<div id="shadowDOM">
   <h2>17. shadow DOM</h2>
   <p><strong>Question:</strong> What is shadow DOM?</p>
   <p><strong>Answer:</strong> encapsulate part of a DOM. hide subtree. you can have same ID in different shadow DOM. Polymers uses it. This way your DOM becomes reusable and u dont have to do iframe. if interviewer is not happy with your answer give him the links and tell him to spend a weekend on reading.</p>