造型多個表格問題

Question

我試圖在我的頁面上設計表格樣式。第一個桌子變得完美無缺。 現在，我正在嘗試設計第三個表格，我給它定製了一個類，但它似乎也適用於另一個表格中的樣式。

我使用3行6列。 HTML：

<table class="videos"> 
<tr> 
<td> 
Content 
</td> 
</tr> 
</table> 

CSS：

<--- part of another table ---> 
    td:nth-child(4) { 
     padding-right:25px;} 
<--- part of another table ---> 

table.videos { 
    width:940px;} 

table.videos td { 
    border-bottom:1px solid #333; 
    padding-top:13px;} 

所以我想樣式表的影片，但該類TD：第n個孩子（4）以某種方式否決了TD類的影片。 使用padding-right：0px;在table.videos td不工作...

任何任何任何消耗？ Thnx提前！

Answer 1

造型爲td:nth-child適用於全部表。你應該給每個表一個自己的類，像你這樣的影片，並解決這一變化的其他CSS規則是這樣的：

.firsttable td:nth-child(4){ 
    /*something*/ 
} 

.videos{ 
    /*something else*/ 
} 

.videos td{ 
    /*something else*/ 
}