＆在Sass中使用特定标记

问题描述：

我想使用&（它是指一个类）与标记组合使用。喜欢这个例子：＆在Sass中使用特定标记

.back { 
    text-transform: uppercase; 
    text-decoration: none; 
    font-weight: 700; 
    color: blue; 

    &:hover { 
     color: red; 
    } 
}

我只想使用悬停的标签。以下是不可能的

a&:hover { 
    color: red; 
}

有没有人知道这一点？

不，不能这样使用'＆'。当您尝试以这种方式使用它时会出现错误：“＆”只能用于复合选择器的开头。 – cimmanon

我试图运行他们在他们的文档中的相同的东西，但得到相同的错误：http://sass-lang.com/documentation/file.SASS_REFERENCE.html#parent-selector – Chris

答

.back { 
    ... 
} 

a.back:hover { 
    color: red 
}

这当然有效，但我想知道是否有像我描述的解决方案 – sneeky

答

如果我正确理解你的问题，你只是不需要&：

.back { 
    ... 

    a:hover { 
    color: red; 
}

}

在青菜，这将编译为.back a:hover { color:red; }。你不需要&，因为这是用来进一步扩展back类，我不认为你想这样做。

＆在Sass中使用特定标记

相关推荐