last-of-type 和last-child

CSS 选择器 :last-child与:last-of-type的区别 :last-child----represents the last element among a group of sibling elements. CSS伪类 :last-child 代表在一群兄弟元素中的最后一个元素。

举个例子：

:last-child与:last-of-type的区别 从代码和图可以看出:last-child选择了最后一个li标签。

同时，我们换另外一段代码，看看是否还有这样的效果。

:last-child与:last-of-type的区别

从代码和图可以看出，:last-child并没有起到我们想要的作用。如果，这个时候去掉最后的div标签，再看看效果。

:last-child与:last-of-type的区别 这时，效果出来了，那么，可以总结了。

:last-child表示其父元素的最后一个子元素，且这个元素是css指定的元素，才可以生效。

:last-of-type

关于:last-of-type手册中是这么解释的：

The :last-of-type CSS pseudo-class represents the last element of its type among a group of sibling elements.

CSS伪类:last-of-type代表在一群兄弟元素中的最后一个指定类型的元素。

直接用上面两个栗子。

没有干扰元素，OK。

:last-child与:last-of-type的区别 有干扰元素，OK。

:last-child与:last-of-type的区别 :last-of-type表示其父元素下的最后一个指定类型的元素。

.btnitem {
   		display: flex;
   		justify-content: space-between;
   		align-items: center;
   		padding: 24upx 0;
   		position: relative;
   		&::after{
   			position: absolute;
   			display: block;
   			width:702upx;
   			content: "";
   			height: 1upx;
   			border-bottom: 1upx solid rgba(238,238,238,1);
   			left:24upx;
   			bottom:0upx; 
   		}
   		&:last-child::after{
   		position: absolute;
   		display: block;
   		width:0upx;
   		content: "";
   		height: 0upx;
   		border:none;
   		
   		
   	}