使用sass[DUPLICAT]在悬停时影响同级元素

Question

我在一个div中有两个元素。其中一个是隐藏的，我想显示它，当有人悬停在可见的一个。通过普通的CSS我已经做到了这一点，但是我无法通过SASS做到这一点。

下面是我的代码：

<div class"main">
<a href="#"> Link to my account </a>
<p> john </p>
</div>

.main {
    position: relative;

    a {
        font-size: 19px;
    }

    p {
        position: absolute;
        top: 0;
        left: 0;
        font-size: 18px;
        background: gray;
        padding: 2px 6px;
        visibility: hidden;
        transition: all 0.3s ease;
    }

    a:hover p {
        visibility: visible;
    }
}

Answer 1

这不是sass问题，您只需要使用相邻的同级组合子：

a:hover + p {
   visibility: visible;
}