css3選擇器nth-of-type的問題

問題描述

.content .box2:nth-of-type(2) { background: #fed;}

<div class="content"> <div class="box1">box1</div> <p class="box2">box2</p> <p>text</p> <p class="box2">box2</p></div>

為什么沒有選擇到任何一個元素，不應該選擇到第2個.box2嗎？

問題解答

div > box1 box2

這樣才能選擇上第2個.box2