• 第1个li标签
• 第2个li标签
• 第3个li标签
• 第4个li标签
• 第5个li标签
• 第6个li标签
• 第7个li标签
• 第8个li标签
• 第9个li标签
• 第10个li标签

1. 第1个ol标签
2. 第2个ol标签
3. 第3个ol标签
4. 第4个ol标签
5. 第5个ol标签
6. 第6个ol标签
7. 第7个ol标签
8. 第8个ol标签
9. 第9个ol标签
10. 第10个ol标签

nth-child(n)和nth-of-type(n)的区别：

nth-child 会把所有的盒子都排列序号，执行的时候首先看 :nth-child(1) 之后回去看前面选择器。

nth-of-type 只会指定元素的盒子都排列序号。

注意：

nth-child 对父元素里面所有子元素排序选择（序号是固定的），先找到第n个孩子，然后看看是否和选择器匹配。

nth-of-type 对父元素里面指定子元素进行排序选择，先去匹配E，然后再根据E找第n个孩子。

box-sizing:content-box

content-box 是默认的盒子模型，内容区域的宽度和高度包括内边距和边框。

box-sizing:border-box

border-box 是盒子模型，内容区域的宽度和高度 不包括 内边距和边框。