标签的CSS通配符

我在我的WP网站上使用免费的NinjaForms插件。免费版本不提供格式化功能,所以我通过CSS来实现。默认情况下,标签是粗体的,我希望它们更轻一些。下面是我今天使用的CSS。

#nf-field-1-wrap label, #nf-field-2-wrap label, #nf-field-3-wrap label, #nf-field-4-wrap label, #nf-field-5-wrap label, #nf-field-6-wrap label, {
    font-weight: 300;
}

它起作用了。。。但是,不允许在不更新CSS的情况下添加将来的表单。

我希望能够在CSS样式中使用通配符,以便所有未来的字段自动获得较轻的字体样式。

我试过了,但没用。

label[id="nf-field- "] {
    font-weight: 300;
}

我还查看了论坛,找到了一篇文章,其中提到了标签的通配符,并应用了这种格式,但它也不起作用。

label[id$="nf-field- "] {
    font-weight: 300;
}

表单的url: https://www.makingwavesweb.com/project-application/

1字段的HTML示例:*更新的HTML代码

<div id="nf-field-24-wrap" class="field-wrap textbox-wrap nf-fail nf-error" data-field-id="24">

    <div class="nf-field-label">
        <label for="nf-field-24" class="">Company Name <span class="ninja-forms-req-symbol">*</span> </label>
    </div>

    <div class="nf-field-element">
        <input value="" class="ninja-forms-field nf-element" id="nf-field-24" name="nf-field-24" aria-invalid="true" aria-describedby="nf-error-24" type="text">
    </div>


</div>