0

最後の子が関係している場合、記事の動作が div と異なるのはなぜですか?

HTML

<div class="parent">
<div class="example">111</div>
<div class="example">111</div>
<div class="example">111</div>
<div class="example">111</div>
</div>

<br>

<div class="parent2">
<article class="example">111</div>
<article class="example">111</div>
<article class="example">111</div>
<article class="example">111</div>
</div>

CSS

.parent .example{ background-color: red;}
.parent .example:last-child{background-color: yellow;}

.parent2 .example{ background-color: red;}
.parent2 .example:last-child{background-color: yellow;}

デモ: http://jsfiddle.net/chLLa/1/

4

2 に答える 2

3

タグを適切に閉じていません

<div class="parent">
<div class="example">111</div>
<div class="example">111</div>
<div class="example">111</div>
<div class="example">111</div>
</div>

<br>

<div class="parent2">
<article class="example">111</article>
<article class="example">111</article>
<article class="example">111</article>
<article class="example">111</article>
</div>
于 2013-01-18T21:14:43.053 に答える
2

<article>の2 番目のセットを で閉じています<div>。本質的に、正しい最後の子が機能するには .parent2 div を閉じるのが早すぎます。

また、JSFiddle.net には、これを説明する優れた 'Tidy Up' 機能があることに注意してください。

于 2013-01-18T21:14:32.820 に答える