：hover的Sass嵌套不起作用\[重复\]

Sass CSS

猪猪JinJin

2020-03-17

我已经编写了这段代码，但是它不起作用。我怎么了

.class {
    margin:20px;
    :hover {
        color:yellow;
    }
 }

第1922篇《：hover的Sass嵌套不起作用\[重复\]》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

共2个回答

泡芙西里 2020.03.17

当您浏览生成的CSS时，您可以轻松调试此类内容。在这种情况下，转换后的伪选择器必须附加到该类上。事实并非如此。采用 ”＆”。

.class {
    margin:20px;
    &:hover {
        color:yellow;
    }
}

蛋蛋Pro樱 2020.03.17

为了在嵌套时将选择器并置在一起，您需要使用父选择器（&）：

.class {
    margin:20px;
    &:hover {
        color:yellow;
    }
}

相似问题

0 回答

0 回答

5 回答

25 回答

0 回答

0 回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android