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 bootstrap 风格的元素。我不想将该样式应用于子表。我怎样才能做到这一点 ？我不希望子表的表单元格之间出现线条。

Answer 1

你可以在你的 CSS 中设置它

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

这使得您的表格位于类 .table-bordered 的表格内，没有边框。