使用vscode代码编辑器的小技巧:
vscode可以快速创建各种标签,例如div*3快速创建三个div标签;
当有多个标签内容相同时,可以按住Alt键选中多个标签进行编辑
实现小竖线可以利用伪类:after来执着具体代码如下:
.nav-box ul li::after{
content: "";
width: 1px;
height: 14px;
background: #cccccc;
position: absolute;
top: 8px;
right: 0;
display: block;
}
去除后面的一个下划线可以使用:not(last-child)实现:
.nav-box ul li:not(:last-child):after{
content: "";
width: 1px;
height: 14px;
background: #cccccc;
position: absolute;
top: 8px;
right: 0;
display: block;
}
顶部导航栏2