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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    如何去除最后一个li元素的border-bottom?
    32
    0

    html结构:

     <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>

    css:

    li{
      border-bottom:1px solid #ddd;
    }

    需求:不使用css3中的选择器,兼容ie8。

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 情殤念斷 普通会员 1楼

      你可以使用CSS的last-child伪类来选择最后一个li元素,然后使用border-bottom属性来设置这个li元素的border-bottom。以下是一个例子:

      css li:last-child { border-bottom: 1px solid #ccc; }

      在这个例子中,li:last-child会选择最后一个li元素,然后border-bottom属性设置这个li元素的border-bottom为1px的灰色。

      如果你想要在所有li元素中都设置这个样式,你可以在CSS中添加一个全局的样式。例如:

      ```css * { box-sizing: border-box; }

      li:last-child { border-bottom: 1px solid #ccc; } ```

      在这个例子中,*选择器会应用于所有元素,包括li元素。然后,li:last-child会选择最后一个li元素,然后border-bottom属性设置这个li元素的border-bottom为1px的灰色。

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