sass - '&'选择器选择什么？

Question

在 this codepen 有一个 css 选择器 &:hover 该选择器匹配什么？

Answer 1

正是如此。在 Sass 中你可以有这样的东西......

 div {
    background: green;

    p {
        background: red;

        &:hover {
            background: blue;
        }

        &:active {
           background: blue; 
        }
    }   
}

...转换为 CSS 后会变成这样:

div {
    background: green;
}

div p {
    background: red;
}

div p:hover {
    background: blue;
}

div p:active {
    background: blue;
}

编辑:从 &hover: 到 &:hover