CSS3伪类选择器nth-child和nth-of-type浅析

1. nth-child

定义和用法
:nth-child(n) 选择器匹配属于其父元素的第 n 个子元素，不论元素的类型。n 可以是数字、关键词或公式。

---

① n为数字时，n为大于0的整数

.box :nth-child(1){
   
   background-color: red;}

<div class="box">
    <div>1-1</div>  
    <div>2-2