css 选择器之子元素

<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;
}