css控制隔行换色

如何做到这种输出啊


<div class="1"></div>

<div class="2"></div>

<div class="1"></div>

<div class="2"></div>

image.png

image.png

image.png

10月17日 11:31 | 61人阅读
回答 | 3
  • 按你这样显示 就是换一行一个颜色:

    就设置奇数跟偶数 这样  不知道可以不可以


    <style>

    #divst1 div:nth-of-type(odd){background:#00CCFF;}/*奇数行*/

    #divst1 div:nth-of-type(even){background:#FFCC00;}/*偶数行*/

    </style>



    <body>

    <ul id="divst1">

        <div>1111111</div>

        <div>222222222222CSS3</div>

        <div>333333333</div>

        <div>44444444</div>

        <div>55555555555555</div>

        <div>66666666666666666</div>

    </ul>

    效果

    image.png


    具体可以自己再调整CSS

    10月17日 12:01
  • 前两天刚好做过这个

    QQ截图20201017165108.png

    .rec-list .rec-th {cursor:pointer;background-color:#f5f5f5;display:block;}

    .rec-list > .rec-item:nth-child(2n)  .rec-th{background-color:#ffffff;}

    nth-child(2n)这个就行,当然楼上管理员的奇偶数也可以


    10月17日 16:53
  • 建议下次问问题的时候 把效果截图贴上,不然会让大家靠猜,也帮不上你要得结果

    10月17日 18:39

游客

^-^我来说两句,请先 登录
发表回答
QQ在线咨询