css - CSS-最後の子のプロパティが機能していません

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、したがってそれらのすべては「最後の子」でもあります。だからすべてが青いのです。

最後のCSS行は次のようになります。

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

Answer 3

：last-childは、ルールを適用する親の最後の子に適用されます。

あなたの.innerDIVはすべて親の最後の子です（th）。したがって、ルールはそのクラスのすべてのdivに適用されます。

次のようなものを試してください：

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

それでうまくいくはずです。