今天在使用:nth-child()這個偽類選擇器時遇到了一些問題向族，填入的數(shù)字總是不能和自己理解的保持一致，仔細和其它同學討論了一下才發(fā)現(xiàn)凌盯，自己之前對于:nth-child()的理解有誤奶陈。
這是html部分
<div class=parent>
<h2>1</h2>
<h2>2</h2>
<div class="child">3</div>
<div class="child">4</div>
</div>
這是CSS部分
<style>
.parent > .child:nth-child(3){
background:red;
}
</style>
注意抱完，nth-child()用法里填的數(shù)字抛猫，是.child在同級元素中的索引蟆盹，而不是同類元素中的索引。所以只能填3闺金，3的背景才會變紅日缨。
與之相應的：
<style>
.parent > .child:nth-of-type(1){
background:red;
}
</style>
nth-of-type()它是不看類選擇器的，而是看類選擇器的標簽類掖看，.child的標簽是div，所以填入的數(shù)字是它在div標簽中的同級索引面哥，這里填1哎壳，3的背景才會變紅。
