nth-of-type(1)不能实现是什么原因

321

.haha{    width: 20rpx;    height: 20rpx;    background-color: gold;}.haha:nth-of-type(1){    background-color: red;}.haha:nth-last-of-type(1){    background-color: blue;}

这样显示不正常  但是我吧第一个view标签给去掉就能实现效果

这是怎么回事麻烦大佬指教