联系官方销售客服

1835022288

028-61286886

求助 版主:论坛审计组
在列表页要使奇数条和偶数条使用不同的css,应该怎么写
类型:迅睿CMS 更新时间:2019-10-11 12:23:52

请问,在列表页要使奇数条和偶数条使用不同的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
    Chrome 0
    {php $sum = 统计列表条数;}
    {php $a = $sum/2;}
    {if (is_int($a))} class="nrlm1"{else}class="nrlm"{/if}
    你看行不行
  • 许丰奕
    #2楼    许丰奕
    2019-10-11 11:27:22
    Chrome 0
    loop里面用这个应该是可行的
    if(i%2==0){

    .....;偶数

    }else{

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

    这个是判断的基本用发,你直接测试,我这边不方便弄
  • ibennie
    #6楼    ibennie
    2019-10-11 11:53:02
    Chrome 0
    你的目的是什么?正确的写法如下:因为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
    Chrome 0
    这个需要楼主把你的循环标签发上来,根本不知道你循环什么数据
  • 许丰奕
    #8楼    许丰奕
    2019-10-11 12:11:14
    Chrome 0
    ibennie 大哥,你这个css这个使用方法好!
  • wslfj
    #9楼    wslfj
    2019-10-11 12:22:04
    Chrome 0
    ibennie谢谢你,已经搞定了
  • wslfj
    #10楼    wslfj
    2019-10-11 12:23:52
    Chrome 0
    @ibennie:谢谢大家的帮助