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选择器匹配其父级的最后一个子元素。”

仔细阅读，然后仔细查看您的代码。您DIV中的每一个都是TH的唯一孩子，因此所有th:last-child > div.inner{background-color:lightblue} 也是“最后一个孩子”。这就是为什么所有人都是蓝色的。

你的最后一个CSS行应该是：

{{1}}

Answer 3

：last-child适用于您要应用规则的父级的最后一个子级。

你的.inner DIV是他们父母的最后一个孩子（th）。因此规则适用于该类的每个div。

尝试类似：

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

那应该做的。