任何人都可以回答有关父引用选择器“&”的问题.
在这种情况下什么是“&”.
//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找到一个很好的解释.
