css选择从第n个子元素开始之后的样式

做网站时候想要指定div下子元素第一行和第二行的样式不一样，应该如何实现呢？例如在class为shengfen的div中，我想让第一行a标签的底部间距为5px，第二行a标签的底部间距为10px，请看具体看下面的代码如何实现：

<style>
.shengfen a{
 margin-bottom:5px;
}
.shengfen a:nth-of-type(n+4){
 margin-bottom:10px;
}
</style>


<div class="shengfen">

<!--第一行-->
     <a href="#" target="_blank">天津</a>
     <a href="#" target="_blank">上海</a>
     <a href="#" target="_blank">重庆</a>
     <a href="#" target="_blank">广东</a>
     
<!--第二行-->     
     <a href="#" target="_blank">浙江</a>
     <a href="#" target="_blank">山东</a>
     <a href="#" target="_blank">江西</a>
     <a href="#" target="_blank">江苏</a>
     
</div>

通过上面代码就会发现第一行的a标签的margin-bottom为5px，第二行a标签的margin-bottom为10px了。