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：nth-child（4）以某种方式否决了td类视频。使用padding-right：0px;在桌子上。视频td不起作用......

任何人都有吸烟吗？ Thnx提前！

Answer 1

td:nth-child的样式适用于所有表。你应该为每个表提供一个自己的类，就像你为视频所做的那样，并且要解决这个问题，将其他css规则改为：

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

.videos{
  /*something else*/
}

.videos td{
  /*something else*/
}

设置多个表的问题

1 个答案: