CSS选择器：不具有这种结构在我的情况下不起作用

Question

我正在尝试自定义标签文本的字体大小，但是与此同时，我需要字体大小仅影响文本，而不影响复选框按钮。这是我的代码：

    .check-field-privacy:not(.Form-fieldIcon) {
    	font-size: 12px;
    }

<label class="check-field-privacy Form-label Form-label--block" for="checkprivacybox">
    	<input type="checkbox" class="Form-input" id="checkprivacybox" aria-required="true" required="">
    	<span class="Form-fieldIcon" role="presentation"></span> Privacy Policy
    </label>

但是由于某种原因，它似乎不起作用。该复选框本身会受到此规则的影响。

出什么问题了，我该如何编写规则以仅为标签设置字体大小，但不包括?？

谢谢。

Answer 1

您可以直接定位span元素

.check-field-privacy span{
  font-size:12px;
}

希望这会有所帮助！