title: CSS:hover and pseudo-classes in general
body: <p>Ref: <a href="https://stackoverflow.com/questions/1287444/forms-post-and-submit-buttons">Forms, Post and submit buttons</a></p>
  
  <p>Following on from my last question, I've attempted to style my input tags.</p>
  
  <p>I tried</p>
  
  <pre><code>.as_link {
      background: transparent;
      border: none;
      cursor: pointer;
      padding: 0px;
  }
  .as_link:link {
      background: transparent;
      border: none;
      cursor: pointer;
      padding: 0px;
  }
  .as_link:visited {
      background: transparent;
      border: none;
      cursor: pointer;
      padding: 0px;
  }
  .as_link:hover {
      text-decoration: underline;
      background: #F4F0F0;
  }
  </code></pre>
  
  <p>but read somewhere that you're not meant to select elements in this fashion for pseudo-classes so I tried:</p>
  
  <pre><code>input.as_link {
      background: transparent;
      border: none;
      cursor: pointer;
      padding: 0px;
  }
  input.as_link:link {
      background: transparent;
      border: none;
      cursor: pointer;
      padding: 0px;
  }
  input.as_link:visited {
      background: transparent;
      border: none;
      cursor: pointer;
      padding: 0px;
  }
  input.as_link:hover {
      text-decoration: underline;
      background: #F4F0F0;
  }
  </code></pre>
  
  <p>Still no dice on the hover. The standard does take effect but the hover does nothing. My question is this:</p>
  
  <p>What are the rules on assigning pseudo-classes in general? Not just in my case above but are they only for anchors or can you use them for any elements?</p>
  
  <p>Thanks in advance.</p>
  
  <p>Edit: this is not local to IE. This problem happens in Opera 9 and FF3 as well.</p>
  
  <p>Edit2: I feel it has something to do with the fact hover needs link and visited prior to it. It seems as though the browsers ignore link and visted if they don't have an anchor tag around them? This is purely speculating but I wonder if it holds any merit?</p>