我有一个简单的页面,其中有两个名为table-a
and的表table-b
:
<table id="table-a">
...
</table>
<table id="table-b">
...
</table>
我使用以下 css 来设置这两个表的外观:
#table-a {
width: 100%;
}
#table-a td, tr, th {
border: 1px solid #000000;
}
#table-b {
width: 100%;
}
#table-b td, tr, th {
border: 1px solid #000000;
padding-left: 5px;
}
问题是padding-left: 5px;
oftable-b
也适用于第一个表table-a
。
这是如何发生的,我该如何防止它发生?
我真的不知道如何解决这个问题:(...
我认为通过使用以下内容,只有那些“在”内的元素受到影响,table-b
而不是那些在“内”的元素table-a
:
#table-b td, tr, th {
/* ... */
}
任何帮助表示赞赏。