最新公告
  • 欢迎您光临站长源码网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入钻石VIP
  • css样式之多个同样的div样式把第一个值输出不同的样式

    正文概述 管理员   2024-09-02   66

    比如:

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


    站长源码网 » css样式之多个同样的div样式把第一个值输出不同的样式

    发表评论

    如需帝国cms功能定制以及二次开发请联系我们

    联系作者

    请选择支付方式

    ×
    支付宝支付
    微信支付
    余额支付
    ×
    微信扫码支付 0 元