css样式之多个同样的div样式把第一个值输出不同的样式

比如：

<div class="pk-item "><div>
<div class="pk-item "><div>
<div class="pk-item "><div>
<div class="pk-item "><div>

想把第一个pk-item单独设置不同的样式就可以用以下方法：

.pk-item{width:258px;margin-left:28px;margin-bottom:20px;float:left;}
.pk-item:first-child {width:258px;margin-left: 0;margin-bottom:20px;float:left;}

如果想第1/3/5/7以此类推+2用一个样式就可以这样写：

.pk-item{width:258px;margin-left:28px;margin-bottom:20px;float:left;} 
.pk-item:nth-child(2n+1) {width:258px;margin-left: 0;margin-bottom:20px;float:left;}