<div class="wrap">
<span>1</span>
<span>2</span>
<span>3</span>
<span>4</span>
</div>
nth-child(n)&nth-last-child(n)从后往前找子元素
/* 选择父元素下的第二个子元素,且这个子元素是span元素 如果第二个子元素不是span则找不到元素*/
.wrap span:nth-child(2){
color:red;
}
nth-of-type(n)&nth-last-of-type(n)从后往前找子元素
/* 选择父元素下的第二个span,会找到子元素的第2个span,不管有没有其他元素阻碍 */
.wrap span:nth-of-type(2){
color:red;
}