css选择子项同类型的索引对象

<style>
.jdemo li:nth-child(2){
background-color:red;
}
.jdemo li:nth-of-type(2){
background-color:yellow;
}
</style>
<section>
<ul class="jdemo">
<p>我是文本</p>
<li>第一条</li>
<li>第二条</li>
</ul>
</section>


.jdemo li:nth-child(2)选择的是<li>第一条</li>节点，

而.jdemo li:nth-of-type(2)则选择的是<li>第二条</li>节点。