css表示特定表的行和列

时间:2015-06-19 10:01:48

标签: jquery html css

我有很多html表,其中一个名为“table1”。我想只给这个表格风格。 我用过:

#table1 tr,th,td
  {

   border: 5px solid black;
  }

但是当它执行时,其他表的td , tr, th样式设置与#table1的样式相同。

我如何才能将Style赋予特定表格td , tr, th????

1 个答案:

答案 0 :(得分:10)

您还需要为thtd

指定父级
#table1 tr, #table1 th, #table1 td {
    /* ... */
}

否则你将该风格应用于

  • #table1 trtr内的所有#table1
  • th(所有th无论身在何处)
  • td(所有td无论身在何处)

作为旁注,在某些现代浏览器上有一个:any伪类is available(带有-moz--webkit-前缀),所以一旦它实现得更加一致你可以写

#table1 :any(tr, th, td) {
   ...
}

有助于避免重复。