CSS:表边框属性被覆盖

Question

我的表边框没有显示。经过检查，我发现它被CSS规则覆盖了。知道我该怎么避免这种情况吗？(附言：我想继续使用表格边框属性(

HTML:

<table border="2" cellpadding="1" cellspacing="1" style="width:500px">
<tbody>
<tr>
<td style="background-color:#dddddd; border-color:#330033">Test</td>
<td style="background-color:#dddddd; border-color:#330033">Test</td>
</tr>
</tbody>
</table>

CSS：

* { 
border: 0; 
}

附言：我不能提前知道边界值。它在编辑器(CKEditor(中添加/配置。。这就是为什么我需要使表边界属性比CSS规则更有优先级的方法。

Answer 1

您需要重写表格td，th样式。

td, th {
border: 2px solid black;
}

Answer 2

只需为表添加CSS(带边框(。

CSS特定性：问题是当存在多个CSS规则时，浏览器会借助"；CSS特定性"；。由于"*"具有最小值，所以为element/class/id等添加任何CSS都会覆盖它。这很简单。https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

* {border: 0;}

<table style="border:2px solid black" cellpadding="1" cellspacing="1" style="width:500px">
<tbody>
<tr>
<td style="background-color:#dddddd; border-color:#330033">Test</td>
<td style="background-color:#dddddd; border-color:#330033">Test</td>
</tr>
</tbody>
</table>

Answer 3

将边界添加到table元素

table{
border-collapse:collapse;
border:1px solid #111;
}

border-collapse:collpase;-border-collapse CSS属性设置中的单元格是共享边框还是单独边框。

table{
border-collapse:collapse;
border:1px solid #111;
}

<table border="2" cellpadding="1" cellspacing="1" style="width:500px">
<tbody>
<tr>
<td style="background-color:#dddddd; border-color:#330033">Test</td>
<td style="background-color:#dddddd; border-color:#330033">Test</td>
</tr>
</tbody>
</table>