html - 忽略应用于父表的 css 类

Question

   <table class="table table-bordered table-hover table-condensed data_table">

    <tbody data-bind="foreach: outboundFaxLogs">
        <tr>
        </tr>
        <tr>
            <td></td>
              <td colspan="8">
                <table>
                     <tr style="border:none">
                        <td>ReFax Status</td>
                        <td>FaxTo</td>
                        <td>Completion</td>
                        <td>FaxID</td>
                      </tr>
                    <tbody data-bind="foreach: ResubmissionHistory"">
                    <tr style="border:none">
                        <td data-bind="text: Status" ></td>
                        <td data-bind="text: FaxToNbr"></td>
                        <td data-bind="text: $root.formatDateTime(CompletionTime)"></td>
                        <td data-bind="text: OutboundFaxLogId"></td>
                    </tr>

                  </tbody>

                </table>
            </td>

         </tr>


    </tbody>
</table>

父表应用了一个以表为边界的 css 类。它是一个 twitter 引导样式元素。我不希望将该样式应用于子表。我怎样才能做到这一点 ？我不希望出现在子表的表单元格之间的行。

Answer 1

你可以在你的 CSS 中设置它

.table-bordered table, .table-bordered table th, .table-bordered table td {
   border:0 none;
}

这使您的表在表内.table-bordered没有边框。

Answer 2

如果你打开你的 bootstrap.css 你可以看到tr和td边界是通过

.table-bordered th,
  .table-bordered td {
    border: 1px solid #ddd !important;
  }

所以如果你想通过内联来改变它，你应该使用

<tr style="border:none!important;">

希望这可以帮助

Answer 3

您应该尝试取消样式表中的样式：

.table-bordered table th,
 .table-bordered table td {
border: 0 none !important;
}