<Th>底部有一个很细的白色边框，我只能用border: 0删除它！重要

Question

我相信这是因为

Answer 1

我查看了边框的来源，并将其应用于th元素有两种方式(可能更多，但我看到了两种)：

.table thead th {
    border-bottom: 2px solid #dee2e6;
}

.table td, .table th {
    border-top: 1px solid #dee2e6;
}

核心问题是，你的样式需要是更有针对性的样式，而不是那些样式才能应用，因为优先于最具体的类型。

这不会有影响：

.headerI {
    border-bottom: 0;
}

但这就是问题！

.table th.headerI {
    border-bottom: 0;
}

但让我们给它起一个更好的名字，并删除顶部的边框。

.table th.borderless {
    border: 0;
}