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

两种情况:第一:我有个列表,每个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-child{border-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、效果演示

温馨提示:内容为网友见解,仅供参考
第1个回答  推荐于2016-09-20
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的支持库直接百度就有

本回答被提问者采纳
相似回答