导航ul li样式中如何去掉最后一个li背景或样式布局中对li赋予背景或边框样式,最后一个li又不想要设置的样式如何去掉?
我们在制作导航条的时候经常会用到竖线来把里媔的内容隔开,一般我们会用到这个属性但是我们会发现一个问题,就是最后一个li的右边也会产生一个坚线如果去掉这个呢,下面我僦告诉大家三个方法
第一种方法:很简单,我们一般会把css样式写在样式表中那我们就在前端的li里面加上这样一段代码就可以了:style="border:none";把它所有的边框都设为不见。
第二种方法:引入一个jquery库例子如下:
如果有一个li元素列表如果想设置指定位置li的样式。
这个在以前可能需要稍微麻烦一些比如在这个要设置的li元素上添加一个class或者id之类。
但是上面的方式不够灵活下面介绍一下如何通过伪类选择器实现此功能。
[HTML] 纯文本查看 复制代码
<li>蚂蚁部落欢迎您只有努力奋斗才会有美好的未来</li>上面的代码可以将第二個li元素的字体颜色设置为绿色。
版权声明:文章内容来源于网络,版权归原作者所有,如有侵权请点击这里与我们联系,我们将及时删除。