& + & 这里代表什么意思?postcss表示嵌套关系是用&表示的吗?

来源:4-10 为 Button 添加样式

苏李澈

2023-09-10

写回答

1回答

张轩

2023-09-11

同学你好

VSCode 放到具体的选择器上是会有提示的,

先回答第二个问题:

在 SCSS (Sass) 中,& 符号有特殊的含义,用于引用父级选择器。当你在 SCSS 中使用嵌套选择器时,& 用于引用父级选择器,以便在生成的 CSS 中生成更具体的选择器。


第一个问题:

在 Sass 中,& + & 是一个特殊的选择器组合,用于选择相邻的兄弟元素。

& 在这里表示父级选择器,+ 表示相邻兄弟选择器。

& + & 表示选择两个相邻的兄弟元素,并将样式应用于第二个兄弟元素。也就是说当两个button相邻的时候,第二个会有一个 margin-left:12px






0
1
苏李澈
非常感谢!
2023-09-12
共1条回复

进阶必学,打造媲美ElementPlus的组件库

Vue3.3 + TS4 ,自主打造媲美 ElementPlus 的组件库

481 学习 · 219 问题

查看课程