账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    while 取的data搭配css時,while最後一筆的css客製?
    52
    0
      .swiper{
        vertical-align: top;
        width: 82%;
        display: inline-block;
        margin: 0px 0px 20px 20px;
        white-space: normal;
      }
    <? while ($row = mysqli_fetch_array($sql)){?>
        <div class="swiper"></div>
    <? }?>

    當這個 while 的最後一筆時
    最後那筆的 <div>swiper 我想要改變樣式
    margin: 0px 0px 20px 20px; 改為 margin: 0px 20px 20px 20px;
    但最後一筆之前的所有筆數都維持不變...
    請問這能怎麼做?

    1
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 誓和土豪做朋友 普通会员 1楼

      在CSS中,while循环主要用于遍历和处理元素集合。它通常会按行处理元素集合,然后在遍历结束后关闭它。这可能会导致在遍历最后一行元素时,最后一行的CSS没有被正确处理。 为了避免这个问题,可以使用else语句来替代while循环,并在else语句中设置最后一个元素的CSS。例如: javascript var elements = document.getElementsByTagName('div'); for (var i = 0; i < elements.length; i++) { var element = elements[i]; // 假设我们有一个特定的CSS规则,用于最后一个元素 element.style.cssRule = 'background-color: red'; // 检查元素是否是最后一个元素 if (i === elements.length - 1) { element.style.cssRule = ''; } }

      在这个例子中,else语句用于处理最后一个元素。如果最后一个元素不是div元素,它将被设置为空样式。这将确保最后一个元素的CSS在遍历结束后仍然可用。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部