html - 如何定位最后一个 TD 细胞？

Question

如何让特定的 TD 不继承表格的 CSS 样式？

我应该如何使最右边的列完全没有任何背景？

table {
  font-family:Arial, Helvetica, sans-serif;
  color:#666;
  font-size:12px;
  text-shadow: 1px 1px 0px #fff;
  background:#eaebec;
  margin:20px;
  border:#ccc 1px solid;

  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;

  -moz-box-shadow: 0 1px 2px #d1d1d1;
  -webkit-box-shadow: 0 1px 2px #d1d1d1;
  box-shadow: 0 1px 2px #d1d1d1;
}

就目前而言，即使我将其背景设置为透明，背景#eaebec 也会显示在最右边的 TD 上。

感谢所有帮助。

Answer 1

:last-of-type selector将帮助:

#eaebec是表格背景。
你有两个解决方案，

解决方案一:

从表格中删除背景并执行:

td{
    background: #eaebec;
}
td:last-of-type{
    background: none;
}

方案二:

只为每个最后一个 TD 的背景设置样式

td:last-of-type{
    background: #eaebec;
}