Css 如何覆盖jQuery验证文本颜色？

我使用jQuery验证插件来突出显示错误。它将文本的颜色替换为红色，这对于除一个-

之外的所有元素都是可以的。帮助块

，它应该保持蓝色

以下是没有错误的代码：

<div class="control-group">
    <label class="control-label" for="place-of-birth">Place of birth</label>
    <div class="controls">
      <p class="help-block">Please input place of birth below, 2-80 symbols</p>
      <input type="text" class="input-xlarge" id="place-of-birth" name="place-of-birth" minlength="2" maxlength="80" autocomplete="off">
    </div>
</div>

但这没用

这里怎么了

如下更改：

.control-group.error .help-block { color: blue; }

如果一个元素上有两个类，则选择器之间不能有空格。如果有空格，则表示该类属于子标记

CSS规则如下：

.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
  color: #B94A48;
  background-color: #F2DEDE;
  border-color: #B94A48;
}

在

bootstrap.css

文件中修改这些值，或者创建自己的值

.control-group.error .help-block { color: blue; }

.control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on {
  color: #B94A48;
  background-color: #F2DEDE;
  border-color: #B94A48;
}