本文探讨CSS中&符号的含义，通过示例代码解释其在CSS选择器中的应用，并建议读者亲自在浏览器中运行测试以理解其不同之处。
<style lang="scss" scoped>
.wx-layout {
&.wx-left {
color: red;
}
.wx-right {
color: blue;
}
}
</style>将这段代码翻译成css
<style lang="scss" scoped>
/*串联选择器，作用在同一标签上*/
.wx-layout.wx-left {
color: red;
}
/*后代选择器，作用在子标签上*/
.wx-layout .wx-left {
color: blue;
}
</style>不明白两种选择器不同点的可以运行到浏览器试试
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
