title: Should I use CSS :disabled pseudo-class or [disabled] attribute selector or is it a matter of opinion?
body: <p>I'm trying to style a disabled input. I can use:</p>
  
  <pre><code>.myInput[disabled] { }
  </code></pre>
  
  <p>or</p>
  
  <pre><code>.myInput:disabled { }
  </code></pre>
  
  <p>Is the attribute selector the modern CSS3 way and the way to go forward? I used to use the pseudo-class, but I can't find any info on whether they are the old way and won't be supported or whether they're both equal and you can use whatever you like best.</p>
  
  <p>I have no need to support older browsers (it's an intranet application), so is it:</p>
  
  <ul>
  <li>attribute is newer and better</li>
  <li>pseudo-class is still the way to go</li>
  <li>whichever you like best</li>
  <li>there's a technical reason to use one over the other</li>
  </ul>