php或者JS或者CSS怎么删除ul中最后一个li的border-bottom

Posted 2023-03-19

两种情况：第一：我有个列表，每个li的下边框都是虚线，我要把最后一个li的下边框去除。
第二：网站的导航中，每个导航右边框都有一个border-right，显得好看。但是我想删除最后一个导航的右边框。
第三：以上第一种情况我想批量操作，也就是一个网站里面很多处都用到列表的情况。。。

请问怎么使用php、js、或者css实现以上三个问题？

有谁收我做徒弟么？编程菜鸟想做老鸟啊。。。。
分数没了，只能等待好心人解决收留了

php是后台语言，一般不用作前台样式的chuli，javascript或者CSS删除ul中最后一个li的border-bottom样式的方法如下：

javascript：obj.style.borderBottom = "none";

jquery：$("ul#test li:last-child").css("border-bottom","none");

css：ul#test li:last-childborder-bottom: none;

jquery和css的方法比较简洁，下面实例演示javascript设置方法：

1、html结构

<ul id="test">
<li>Glen</li>
<li>Tane</li>
<li>John</li>
<li>Ralph</li>
</ul>

2、javascript代码

window.onload = function()
var li = document.getElementById("test").getElementsByTagName("li");
li[li.length-1].style.borderBottom = "none";

3、效果演示

参考技术A JQ用 $("ul li:last-child") last-child就是最后的意思
css用 li:last-child 不支持IE6
php的话就是利用分割找到最后的li追问

能不能给我一个JQ？包括链接这个JQ。JQ的话，用不用获取ul的ID呢？我的意思是能不能批量的去除，因为一个页面有多处ul列表，如果要获取ID的话，就不能批量的解决问题了。用js能实现单个ul列表删除最后一个li的边框，但是不能用于页面所有的ul列表。
里面是n个li
这是另外一个ul列表
有很多上面这样的ul列表

追答

那就用我这个，直接定义到所有ul 的最后一个li，JQ的支持库直接百度就有

本回答被提问者采纳