表的引导程序 - 带＆＃34; border-style：none＆＃34;不会删除td

Question

我使用Bootstrap框架。

我有HTML代码：

<table class="table">
  <tbody>
    <tr>
      <td class="non-border">First case</td>
    </tr>
    <tr>
      <td style="border-style:none">Second case</td>
    </tr>
  </tbody>
</table>

和CSS代码：

.non-border { border-style: none; color: red }

为什么第一个案例类＆＃34;非边界＆＃34;不会删除td的上边框（左边，右边和下边框都可以使用; CSS有效，因为颜色会变红）？

对于第二种情况（样式），删除了td的所有边界。

我该怎样做才能开始工作＆＃34; border-style：none＆＃34;按班级划分？

提前谢谢。

Answer 1

使用!important。像这样：

.non-border { 
    border-style: none !important; 
    color: red;
}

所有样式都是级联的，但内联样式的排名最高。在您的情况下，类.non-border的偏好低于twitter-bootstrap的预定义样式。