html - 样式化多表问题

Question

我正在尝试设置页面上表格的样式。第一个 table 很完美，没有任何问题。现在我正在尝试设置第三张表的样式，我给它一个自定义类，但似乎也应用了另一个表的样式。

我正在使用 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;在 table.videos td 上不起作用...

有人有什么建议吗？提前致谢!

Answer 1

td:nth-child 的样式适用于所有 表。你应该给每个表一个自己的类，就像你为视频做的那样，为了解决这个问题，改变其他 css 规则如下:

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

.videos{
  /*something else*/
}

.videos td{
  /*something else*/
}