2024年8月26日
除了在 Sass 中简单嵌套之外,你还可以使用以下方式引用父选择器:&特点:
.main a {
background-color: rgba(236,198,48,0.2);
transition: background-color .2s ease-out;
&:hover {
background-color: rgba(236,198,48,0.8);
}
}
上述内容一旦编译为 CSS,将产生以下内容:
.main a {
background-color: rgba(236, 198, 48, 0.2);
transition: background-color .2s ease-out;
}
.main a:hover {
background-color: rgba(236, 198, 48, 0.8);
}
这是另一个例子:
button {
background-…