css - wordpress 自定义 css 类

Question

我正在尝试修改我的 wordpress 网站上忍者表单文本输入的宽度。我可以通过 id 单独调用每个:

#ninja_forms_field_6 {width:25%; min-width:250px;}

不过，我想按类(class)来做。但是，我似乎无法找出要调用的正确类。我查看了源代码，它显示:

<input id="ninja_forms_field_6" data-mask="" data-input-limit="" data-input-limit-type="char" data-input-limit-msg="character(s) left" name="ninja_forms_field_6" type="text" placeholder="First Last" class="ninja-forms-field  ninja-forms-req " value="" rel="6"   />
    <div id="ninja_forms_field_6_error" style="display:none;" class="ninja-forms-field-error">
    </div>

当我尝试使用时:

.ninja-field ninja-forms-req {width:25%; min-width:250px;}

似乎什么都没有发生。特别是，我的 css 编辑器似乎不喜欢 ninja-field 和 ninja-forms-req 之间的空间。我发现了一些其他答案，表明这些是两个单独的标签，但我似乎仍然无法让文本输入响应我的输入。我应该注意，我正在使用“Simple Custom CSS”插件来更改 CSS。任何提前的帮助将不胜感激。谢谢。

Answer 1

试试 .ninja-field.ninja-forms-req。

当在同一元素上定位多个 CSS 类时，您需要用句点分隔它们。