您当前的位置：首页 > 建站资讯 > css样式之多个同样的div样式把第一个值输出不同的样式

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

来源：帝国CMS模板网作者：冷瞳时间：2026-07-08

浏览：34 收藏点赞(0)

简介：比如：想把第一个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用一个样式就可以这

比如：

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