Css &在Sass中用于特定标记
我想使用&表示类与标记的组合。像这个例子:Css &在Sass中用于特定标记,css,css-selectors,sass,Css,Css Selectors,Sass,我想使用&表示类与标记的组合。像这个例子: .back { text-transform: uppercase; text-decoration: none; font-weight: 700; color: blue; &:hover { color: red; } } 我只想对a标签使用悬停。以下是不可能的 a&:hover { color: red; } 有人知道吗?如果我正确理解了你的问题,你就
.back {
text-transform: uppercase;
text-decoration: none;
font-weight: 700;
color: blue;
&:hover {
color: red;
}
}
我只想对a标签使用悬停。以下是不可能的
a&:hover {
color: red;
}
有人知道吗?如果我正确理解了你的问题,你就不需要&:
.back {
...
}
a.back:hover {
color: red
}
}
在sass中,这将编译为.back a:hover{color:red;}。您不需要&,因为这是用来进一步扩展back类的,我认为您不想这样做。当然可以,但我想知道是否有像我描述的那样的解决方案否,&不能这样使用。尝试以这种方式使用时出现的错误是这样的:&只能在复合选择器的开头使用。我尝试运行他们文档中的相同内容,但得到相同的错误:
.back {
...
a:hover {
color: red;
}