title: CSS * selector but exclude a particular tag
body: <p><strong>Background</strong></p>
  
  <p>So I found this line of code in our <a href="http://www.sencha.com/products/extjs/" rel="nofollow">Ext JS's</a> css which removes focus for every element in webkit.  Unfortunately it has been almost 2 years and they still haven't addressed their TODO.</p>
  
  <pre><code>    // TODO: remove outline from individual components that need it instead of resetting globally
  .#{$prefix}webkit {
      * {
          &amp;:focus {
              outline:none !important;
          }
      }
  }
  </code></pre>
  
  <p>which compiles to </p>
  
  <pre><code>.x-webkit *:focus {
    outline: none !important;
  }
  </code></pre>
  
  <p>What this does is take away the browsers default focus (UA styles) on links so when the user tabs to an anchor tag they have no UI indication that they are on the tag.  I want to use native browser behavior so I don't want to override the <code>a:focus</code> in particular and using <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/initial" rel="nofollow">initial</a> doesn't work.  Also removing the entire style causes UI components to handle their focus UI differently which is not acceptable.</p>
  
  <p><strong>tldr</strong></p>
  
  <p>What is the best approach for applying a style to all tags except a certain tag(s).  I know I can make a selector that has all of the tags except the tag I don't want but that is tedious, is that really the best approach ?  If so is there a list of valid UI tags for HTML ?</p>