css - CSS - last-child 属性不起作用

Question

根据http://www.w3schools.com/cssref/sel_last-child.asp 当我尝试为我的代码应用 :last-child 时，最后一个孩子颜色适用于所有孩子。最后一个孩子应该将蓝色其余孩子应用到灰色。

http://jsfiddle.net/rARwn/

Answer 1

如果我理解正确last-child，th不要给他的孩子。像这样写：

th:last-child .inner{background-color:lightblue}

检查这个http://jsfiddle.net/rARwn/3/

Answer 2

“:last-child 选择器匹配作为其父元素的最后一个子元素的每个元素。”

仔细阅读，然后仔细查看您的代码。你的每个DIVs 都是唯一的孩子，TH因此他们都是“最后一个孩子”。这就是为什么所有都是蓝色的。

你最后的 CSS 行应该是：

th:last-child > div.inner{background-color:lightblue}

Answer 3

:last-child 适用于您应用规则的父母的最后一个孩子。

您的.innerDIV 都是其父级 (th) 的最后一个子级。因此，该规则适用于该类的每个 div。

尝试类似：

tr :last-child div.inner { background-color:lightblue; }

那应该做的工作。