网页导航栏制作时，菜单项之间常用1像素细线做分隔，如上图。
给菜单栏菜单项添加分隔线代码如下：
/* 给菜单栏菜单项添加分隔线 */
.nav li {
border-right: 1px solid #666;
}
最后一个菜单项右边就不需要这个边框线了，如何处理呢？
去除最后一个菜单项右边的分隔线，代码
/* 移除分隔线 */
.nav li:last-child {
border-right: none;
}
今天中国网页设计教给大家使用伪类 :not() 将样式只应用到你需要的元素上：
/* 使用:not()去除导航上不需要的边框*/
.nav li:not(:last-child) {
border-right: 1px solid #666;
}
.nav li:not(:last-child) 的意图特别清晰，菜单项最后一个将不使用border-right: 1px solid #666; 样式。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/2254.html
CSS+JS制作的垂直（纵向）二级导航菜单，可灵活修改。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>CSS+JS制作的垂直（纵向）二级导航菜单|www.125jz.com</title> &…
ScrollPicLeft.js实现的图片的前后切换效果，适用于网页中的证书展示、推荐商品之类的栏目。 功能：可以手动点击前后切换箭头按钮，进行图片的翻页，浏览上一张，下一张的效果。 特点：代码精简，不需要使用JQuery，功能强大，使用非常的简单，便利。！ 在网页引入ScrollPicLeft.js <script type=”text/javasc…
在网页中间弹出窗口，使整个网页变半透明。 <style> .bg{position:absolute;z-index:999;filter:alpha(opacity=50);background:#666;opacity: 0.5;-moz-opacity: 0.5;left:0;top:0;height:99%;width:100%;} .b…
中国省、市区二级联动下拉选择框，包含所有省份及市县信息。 当选择省份下拉选择框时，市区的下拉框会根据选择的省市加载出来。如上图所示选择“山东省”，市的下拉选择框只会出现山东省的市县。 1.把中国省份和市区的信息放到JavaScript文件里（js/common.js），中国网页设计在js文件里定义了两个数组，分别存放省份和对应的市区。 //省份 var pr…
纯CSS制作红色网站二级下拉导航菜单，代码非常简洁，适合修改后使用，入门就能掌握。 二级下拉导航菜单HTML代码： <nav> <ul> <li><a href=”#”>首页</a></li> <li><a href=”#”>电影</a> <ul…
微信扫一扫 
支付宝扫一扫