title: CSS Sprite Not Working - Displays Only First Image in Set
body: <p>Yes, I have been here: <a href="https://stackoverflow.com/questions/9224010/css-sprite-not-working">CSS Sprite not working</a></p>
  
  <p>No, I don't get it. What does he mean by 'points'?:</p>
  
  <p>"In other words:</p>
  
  <p>For each ID value, apply 100 points
  For each class value (or pseudo-class or attribute selector), apply 10 points
  For each element reference, apply 1 point"</p>
  
  <p>What are these 'points'? I read the articles and I get that there is order in specifying CSS codes, but I still don't understand. Right as this is I am only getting the very first sprite in the set. FYI-I used a sprite generator. (<a href="http://spritegen.website-performance.org/" rel="nofollow noreferrer">This one to be exact</a>)</p>
  
  <p>You can view the source code <a href="http://nos.heliohost.org/pc/" rel="nofollow noreferrer">here</a>. I would suggest zooming in on your browser to see everything properly.</p>