Sass Nesting for：悬停不起作用[重复]

提问于 2024-05-17T12:58:09+08:00

浏览次

277

这个问题在这里已有答案：

Sass .scss: Nesting and multiple classes? 2个答案

我写了这段代码，但它不起作用 . 我的问题是什么？

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

2 回答

622
要在嵌套时将选择器连接在一起，您需要使用父选择器（ & ）：
```
.class {
    margin:20px;
    &:hover {
        color:yellow;
    }
}
```
回复于 2024-05-17T12:58:09+08:00
38
通过生成的CSS，您可以轻松地调试这些事情 . 在这种情况下，转换后的伪选择器必须附加到类 . 事实并非如此 . 使用 ”＆” .

http://sass-lang.com/documentation/file.SASS_REFERENCE.html#parent-selector
```
.class {
    margin:20px;
    &:hover {
        color:yellow;
    }
}
```
回复于 2024-05-17T12:58:09+08:00

相关问题