有一张桌子。如何使用CSS为最后一列设置特定的背景颜色?我需要在不将任何类或样式属性附加到TD元素且不使用javascript的情况下执行此操作。
答案 0 :(得分:11)
在css中:
td { background: blue; }
td:last-child { background: red; }
这些被称为伪类
您可以在以下网址获取更多信息:
答案 1 :(得分:5)
您可以使用最后一个子选择器,但要注意IE可能不会喜欢这个。
它会是这样的:
#myTable tr td:last-child {
background: red;
}
答案 2 :(得分:0)
我会在HTML中使用<col>
标记。 <col>
可以为某些列定义特定属性。
<col/>
<col/>
<col style='width:500px; background:red;' id='says_col'/>
将使第三列的宽度为500px,背景为红色。这些非常有用,因为它们可用于访问特定列上的其他内容。以下是您可能会发现有用的一些资源。
答案 3 :(得分:-1)
服务器端技术通常通过向最后一个td
元素添加“last”类来实现此目的。然后,您只需要:
td.last {
background: /* bleh */;
}
col
解决方案听起来很有趣,即使我从未使用它。