html - Bootstrap 3.3.5 - 在单个页面上更改 'Info' 类的表格行背景颜色

Question

我正在尝试更改在单个页面上分配了“信息”默认类的表格行的背景颜色。我添加了以下 CSS:

.table tbody>tr.info {
  background-color: #24e5d2 !important;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<table class="table table-bordered">
  <tr>
    <td>Definition</td>
  </tr>
  <tr class="info">
    <td>Lorem Ipsum</td>
  </tr>
</table>

但是表格行的颜色并没有从信息类的默认蓝色阴影变化，而不是新的自定义颜色。

Answer 1

试试这个，它会改变:

.table tbody>tr.info td{
  background-color: #24e5d2 !important;
}

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<table class="table table-bordered">
  <tr>
    <td>Definition</td>
  </tr>
  <tr class="info">
    <td>Lorem Ipsum</td>
  </tr>
</table>