html - 在 Internet Explorer 中使用 css 给第二列或第四列右侧边框

Question

我只想给第二个和第四个<td >右侧边框 ...

如你所见，我有下表:

<table class="secondtd">
  <tr>
     <td> Name </td>
     <td> Class </td>
     <td> RollNo </td>
     <td> Batch </td>
   </tr>
</table>

我在css中尝试过类似的东西

.secondtd  td+td {
  border-right:solid 1px red;
}

但对我不起作用.. 我正在使用 IE .

Answer 1

您可以将表的第二个和第四个元素分配给类:

 <td class="secondborder"> </td>

或者你可以使用nth-child:

td:nth-child(2), td:nth-child(4) {
 border-right:thick double #ff0000;
}

http://jsfiddle.net/ekHQf/

这将选择第二个和第四个元素。如果你只有 4 个 td，你可以使用 even:

td:nth-child(even) {
  border-right:thick double #ff0000;
}

http://jsfiddle.net/ekHQf/1/

编辑:

根据应用类执行此操作的评论:

.secondtd td:nth-child(2) {
  border-right:thick double #ff0000;
}