在html中我如何讓表內的表看起來在外觀上與我沒有內表相同

Question

我如何設置表樣式，以便如果我有多個表時表中有一個級別（即內表是不右移和向下。

在原來的畫面只有一個表，這是我想要的東西看

在第二截圖我現在有一個外部表，裏面有三張桌子，我試着將外表的樣式設置爲border-collapse刪除表之間的垂直間距和所有三個表右側的移位，但它沒有工作，因爲我想它只是刪除表格內的表格單元格之間的線。 （表格寬度也設置爲100％）

如何在外表內使用表格，但看起來像第一個截圖。 （我需要表格內的表格，因爲我寫了一個JavaScript方法來允許隱藏內部表格）。 在第二個屏幕有一個外部表

因此，HTML是這樣的：

<table class="releasegroupingtable" > 
<!--Linked--> 
<tr><td><table class="releasegroupingcategory" > 
...... 
</table></td></tr> 

<!--Not Linked--> 
<tr><td><table class="releasegroupingcategory" > 
...... 
</table></td></tr> 

<!--Discogs--> 
<tr><td><table class="releasegroupingcategory" > 
...... 
</table></td></tr> 
</table> 

和CSS這樣的：

.releasegroupingtable { 
    width:100%; 
    border-collapse: collapse; 
} 

.releasegroupingcategory { 
    width:100%; 
    border-collapse: collapse; 
} 

Answer 1

從你提供的，它的代碼看起來好像外表中的td s有一些填充。
你應該能夠通過添加

.releasegroupingtable > tbody > tr > td 
{ 
    padding: 0; 
} 

解決它的選擇鏈需要在.releasegroupingcategory不選擇td太遲了。