ul 里面的li 是这样的  <ul><li></li><li></li><li></li><li></li></ul>所以你选li:nth-of-type(1)只有1个有也就是加粗的那个

li里面的a<li><a></a></li> 只有一个 其他的a 分别在每个li中，不是并列的，所以没法用a:nth-of-type(1-5)分别选，就像楼上说的，因为每个li中有，只有一个a ，所以你用a:nth-of-type(1)就会都被选中。

你想分别选就用li:nth-of-type(1) a::after li:nth-of-type(2) a::after等等 

.clearfix  li:nth-of-type(1) 是选择属于其父元素(.clearfix)的第一个li，所以只有一个li出来了

而 .clearfix a:nth-of-type(1)是选择属于其父元素(.clearfix>li>a)的第一个a，每一个a都是li下面的第一个子元素，所以就都有了

后面还有个 .clearfix li:nth-of-type(1) a:after

意思是第一个clearfix下面的li， 下面的a 的后面添加css格式