比如：

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

 

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。