业务经理

微信扫描以上二维码

028-61286886

技术咨询

在列表页要使奇数条和偶数条使用不同的css,应该怎么写

迅睿框架 更新 2019-10-11 12:23:52 wslfj

请问,在列表页要使奇数条和偶数条使用不同的css,应该怎么写?如:

      <div class="nrdown">

       <div class="nrlm">

            <img src="style/img/icon.png"> 

          <span>2019-03-24</span>

         <a href="1.jhtml" target="_blank">111111111</a>

       </div>

      </div>

      <div class="nrdown">

       <div class="nrlm1">

           <img src="style/img/icon.png">

          <span>2019-01-09</span>

         <a href="2.jhtml" target="_blank">222222222</a>

       </div>

      </div>


方案

  • 许丰奕 #1 · 2019-10-11 11:15:32
    {php $sum = 统计列表条数;}
    {php $a = $sum/2;}
    {if (is_int($a))} class="nrlm1"{else}class="nrlm"{/if}
    你看行不行
  • 许丰奕 #2 · 2019-10-11 11:27:22
    loop里面用这个应该是可行的
    if(i%2==0){

    .....;偶数

    }else{

    ....;奇数
    }
  • wslfj #3 · 2019-10-11 11:38:05
    许丰奕:第一种方法刚才试了下,没搞定
  • wslfj #4 · 2019-10-11 11:41:15
    许丰奕我刚才用的是module调用,其他的调用方法不会写
  • 许丰奕 #5 · 2019-10-11 11:46:49
    {if ($i%2==0)}
    class="nrlm1"
    {else}
    class="nrlm"
    {/if}

    这个是判断的基本用发,你直接测试,我这边不方便弄
  • ibennie #6 · 2019-10-11 11:53:02
    满意答案
    你的目的是什么?正确的写法如下:因为KEY 是从0开始的,所以要显示正确就 $key+1
    {if ($key+1)%2==0}
    偶数{$key+1}<br>
    {else}
    奇数{$key+1}<br>
    {/if}
    如果是为了单双行不同背景颜色就直接用CSS就好了不仅仅是背景,其他也可以用CSS实现odd表示奇数行,even表示偶数行;nth-child(odd);nth-child(even);div ul li:nth-child(odd) { background-color: #f9f9f9; }不过你上面嵌套的是 2层DIV,建议规范点写成<div> <ul><li>内容1</li><li>内容2</li><li>内容3</li></ul></div>
  • 设计部 #7 · 2019-10-11 11:55:59
    这个需要楼主把你的循环标签发上来,根本不知道你循环什么数据
  • 许丰奕 #8 · 2019-10-11 12:11:14
    ibennie 大哥,你这个css这个使用方法好!
  • wslfj #9 · 2019-10-11 12:22:04
    ibennie谢谢你,已经搞定了
  • wslfj #10 · 2019-10-11 12:23:52
    @ibennie:谢谢大家的帮助

迅睿系统漏洞

外贸多语言建站
外贸多语言建站(2026-10-30)
修正对百度编辑器提取支持
AI文章生成器
AI文章生成器(2026-10-29)
任务插图设置数量
Bing站长数据
Bing站长数据(2026-10-29)
根据BING接口调整菜单 各个页面数据支持点击查看详情
按字段付费
按字段付费(2026-10-29)
按字段付费用于模块的字段设置一定的价格,当用户购买了此内容的字段时才...
泛解析站群系统
泛解析站群系统(2026-10-29)
AI队列增加清空按钮 表单提示语收敛 目录模式不接管主域名模板
自定义收款/捐款
自定义收款/捐款(2026-10-28)
自定义收款或捐款插件可以让用户快速创建付款或者捐款功能
CMS内容批量修改
CMS内容批量修改(2026-10-28)
后台批量修改文章内容的指定字段在插件后台可以任意指定字段
全站模块搜索
全站模块搜索(2026-10-28)
实现全模块一次性搜索内容,一键搜索全站内容精准搜索全部模块:
PHPCMSV9数据转换
PHPCMSV9数据转换(2026-10-28)
PHPCMS转入迅睿CMS操作步骤:https://www.xunr...
域名授权系统
域名授权系统(2026-10-28)
后台增加前台访问地址链接