Sass嵌套:hover不起作用
我已经写了这个代码,但是不起作用。 我的问题是什么?
.class { margin:20px; :hover { color:yellow; } }
为了在嵌套时连接select器,你需要使用父select器( &
):
.class { margin:20px; &:hover { color:yellow; } }
通过生成的CSS,您可以轻松地debugging这些东西。 在这种情况下,转换后的伪select器必须附加到类中。 事实并非如此。 使用 ”&”。
http://sass-lang.com/docs/yardoc/file.SASS_REFERENCE.html#referencing_parent_selectors_
.class { margin:20px; &:hover { color:yellow; } }