css去除最后一个li

CSS中,我们可以使用伪类选择器:last-child来选中某个元素的最后一个子元素,那么如何去除最后一个li呢?

ul li:last-child {
    display: none;
}

css去除最后一个li

以上代码会将所有ul下的最后一个li隐藏掉,从而实现去除效果

需要注意的是,该方法仅适用于所有ul下的最后一个li都需要去除的情况。若只需要针对某个ul去除最后一个li,则需要为其添加一个class名或者id名,并在CSS中使用相应的选择器。

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效