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;}
#免责声明#
ZHANN.CN帝国之家工作室内所有作品,均为ZHANN手写代码。部分样式或模板代码移植或仿造自互联网(如有侵权,出示著作权证书联系我删除),所有代码不能用于非法站点(色情,暴力,政治类站点)。ZHANN只提供源代码服务,不提供任何建站服务。不承担任何建站后的法律问题!ZHANN所得费用均为制作模板劳动报酬。使用开源免费的帝国CMS作为核心,请保留帝国CMS的版权。如商用请购买帝国商业版,ZHANN只做帝国CMS模板服务,不做任何建站、不制作采集任何网站内容、不出售任何非开源有版权源代码更不卖任何域名和空间服务器,我出卖的只是我的技术劳动力!如在本站发生交易任何资源或者下载任何资源,则代表默认同意以上文字内容。感谢小伙本的支持,做一个知法守法的好公民!