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

                                 css中的:nth-child(n)和:nth-of-type(n)的区别

.nav_after:nth-child(4)的意思是：.nav_after的父元素（这里就是ul）的第四个子元素如果是.nav_after的时候适用。代码中，第四个子元素恰好含有类名.nav_after，所以设置背景有效；当你写成单数时，由于单数的li并没有设置.nav_after类名，所以没有效果。nth-of-type适用于：当子元素的类型超过一种的时候，针对同类型的子元素计算。如下代码，div包含h2型子元素和p型子元素。