title: HTML CSS Buttons Hover Wont Work Through Class
body: <p>I don't understand why does this work :</p>
  
  <pre><code>.button:active {
      position:relative;
      top: 2px;
      left:2px;
  }
  </code></pre>
  
  <p>But this wont work :</p>
  
  <pre><code>.button:hover { 
      font-size:17px;
  }
  </code></pre>
  
  <p>It works when I use id but I want it to activate for all buttons :</p>
  
  <pre><code>#btnhome:hover{
      font-size:17px;
  }
  </code></pre>
  
  <p>This works fine but with class it wont? What am I doing wrong?</p>