如何使用id和后缀创建选择器？

Question

我有这个要素：

<button id="uniqName_1_0-submit" class="dijitInline flatBtn transparentCtBtn largeCtBtn dijitButton" type="button" dojoattachevent="ondijitclick:_onClick" dojoattachpoint="focusNode,titleNode" tabindex="1" title="Share my health summary" widgetid="uniqName_1_0-submit" style="user-select: none;">
    <span class="iconRel">
        <span class="dijitInline iconNode dijitNoIcon" dojoattachpoint="iconNode"></span>
        <span class="dijitButtonText" dojoattachpoint="containerNode">Don't Share</span>
    </span>
</button>

对于带有'-submit'的按钮和id后缀的情况，我需要设置不同的font-size。

我尝试了一下，但对我却不起作用：

button[id$="-submit"] {
    font-size: 16px;
}

我该如何解决？

Answer 1

我遵循检查谁在干扰我的提示。

所以我用important解决了我的问题。

.wcag button[id$="-submit"] {
  font-size: 16px !important;
}