title: css selector :not with this structure doen't work in my case
body: <p>I'm trying to customize the font size for the label text but in the meanwhile I need that the font-size affects only the text and not the checkbox button. This is my code:</p>
  
  <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>    .check-field-privacy:not(.Form-fieldIcon) {
       font-size: 12px;
      }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;label class="check-field-privacy Form-label Form-label--block" for="checkprivacybox"&gt;
       &lt;input type="checkbox" class="Form-input" id="checkprivacybox" aria-required="true" required=""&gt;
       &lt;span class="Form-fieldIcon" role="presentation"&gt;&lt;/span&gt; Privacy Policy
      &lt;/label&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>But it seems not working for some reason. The checkbox is affected itself by this rule.</p>
  
  <p>What's wrong and how can I write a rule to set the size of the font only for the label but excluding the  ?</p>
  
  <p>Thanks in advance.</p>