html+scss/ html+css 点击logo图片跳转到某个页面

页面都需要logo，然后点击logo就可以回到首页这样的话，可以用 a 标签来进行更加方便的进行跳转

html代码

<a href="/" class="index"></a>

scss代码

我们可以看到&:hover{ opacity: 1; }这行代码，其实这行代码用css表示也就是：.index:hover{opacity: 1;}

.index{
        position: absolute;
        width:354px;
        height:88px;
        background:url('logo图片的路径');
        bottom: 60px;
        right: 5%;
        z-index: 20;
        opacity: 0.8;
        &:hover{
          opacity: 1;
        }
    }