直接上代码,如下所示
.gobackBtn {
display: inline-block;
margin-right: 20px;
width: 30px;
height: 30px;
cursor: pointer;
background-image: url('../../../assets/images/commons/sidebar/goback.svg');
&::after {
display: none;
content: '';
width: 30px;
height: 30px;
background-image: url('../../../assets/images/commons/sidebar/gobackactive.svg');
}
&:hover::after {
display: block;
}
通过伪类元素实现