任何人都可以回答有关父引用选择器“&”的问题。
在这种情况下什么是“&”。
//Case 1 .parent { & > ul { color: red } } //Case 2 .parent { & > ul { & > li { color: blue; } } } //Case 3 .parent { & > ul { & > li { color: blue; &:hover { color: pink } } } }
答案很容易找到,但无论如何:&是父选择器的占位符:
.parent {
& > ul {
color: red
}
}
是一样的
.parent > ul {
color: red
}
一个常见的用例是伪类,例如:
.link {
&:hover {
color: red
}
}
有关示例的一个很好的解释可以在CSS Tricks上找到。