什么是&
在 scss 选择器中引用?
//Case 1
.parent {
& > ul {
color: red
}
}
//Case 2
.parent {
& > ul {
& > li {
color: blue;
}
}
}
//Case 3
.parent {
& > ul {
& > li {
color: blue;
&:hover {
color: pink
}
}
}
}
The &是父选择器的占位符:
.parent {
& > ul {
color: red
}
}
是一样的吗
.parent > ul {
color: red
}
一个常见的用例是伪类,例如:
.link {
&:hover {
color: red
}
}
可以在以下位置找到带有示例的很好的解释CSS 技巧 https://css-tricks.com/the-sass-ampersand.
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)