first-child 和last-child是伪类选择器,选择第一个和选择最后一个子元素
现在实现下面的效果
<div class="menuico"><span></span><span></span><span></span></div>
.menuico span {
display: block;
width: 21px;
height: 2px;
background-color: #666;
}
.menuico span:first-child {
margin-top: -6px;
}
.menuico span:last-child {
margin-top: 6px;
}
开源作品
GOFLY是一款基于Golang+Vue开发的在线客服系统,软件著作权编号:2021SR1462600。一套可私有化部署的在线客服系统,编译后的二进制文件可直接使用无需搭开发环境,下载zip解压即可,仅依赖MySQL数据库,是一个开箱即用的网页在线客服系统,致力于帮助广大开发者/中小站长快速整合私有客服功能。
github地址:go-fly