title: CSS - :not(kbd) bug (style is still applying to <kbd> tags)
body: <h3>Example:</h3>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>html *:not(kbd):not(textarea) {
    -webkit-touch-callout: none;
      -webkit-user-select: none;
       -khtml-user-select: none;
         -moz-user-select: none;
          -ms-user-select: none;
              user-select: none;
  }
  kbd {
    margin-left: 5px;
    margin-right: 5px;
    border-bottom: 1px dotted black;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;kbd&gt;abc&lt;/kbd&gt;&lt;br/&gt;
  &lt;textarea&gt;def&lt;/textarea&gt;&lt;br/&gt;
  &lt;p&gt;ghi&lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <h3>Bug:</h3>
  
  <p>As you can see that the style is applying to <code>&lt;kbd&gt;</code> and <code>&lt;p&gt;</code> but not <code>&lt;textarea&gt;</code>.</p>
  
  <p>Is it a CSS bug or a browser problem or a CSS syntax error?<br>
  I am using Chrome 54.0.2840.99 (64-bit).</p>