css3 nth-child(n) 的一个坑

css匹配选择第n个子元素可以使用:nth-child(n) 选择器，其匹配属于其父元素的第N个子元素，不论元素的类型

<div class="content-wrap">
                <h1>hahaah</h1>
                <h1>hahaah</h1>
                <p>xixi1</p>
                <p>xixi2</p>
                <p>xixi3</p>
                <p>xixi4</p>
            </div>

.content-wrap p:nth-child(3) {

color:red;

}

变红色的是  xixi1