html - div 上的多个 CSS 类

Question

我有这个 div 结构，我想在输入上设置一个 CSS 类，但它不起作用。

<div class="form-group">
    <label for="tbxName">Name:</label>
    <div class="input-group">
        <i class="input-group-addon fa fa-id-card-o" aria-hidden="true"></i>
        <form:input type="text" path="name" class="form-control errorValidation" id="tbxName" placeholder="Name"></form:input>
    </div>  <!-- .input-group -->
</div> <!-- form-group-->

这是我的风格:

.form-control.errorValidation {
    border-color: 1px solid red;
}

Answer 1

使用这个 CSS。

.form-control.errorValidation
{
    border: 1px solid red;
}

已更新 使用此 html。

<div class="form-group">
 <label for="tbxName">Name:</label>
 <div class="input-group">
  <i class="input-group-addon fa fa-id-card-o"   aria-hidden="true"></i>
  <input type="text" path="name" class="form-control    errorValidation"  id="tbxName" placeholder="Name">
  </div>  <!-- .input-group -->
</div> <!-- form-group-->