主页 / coding / 问题 / 79334255
Accepted
Pall Arpad
Asked: 2025-01-07 04:27:42 +0800 CST

嵌套选择器 (&) 需要定位嵌套的 html 元素

  • 772

&我真的很困惑在以下情况下我们是否应该使用嵌套选择器

.my-class {
  & > a {
    color: yellow;
  }
}

对比

.my-class {
  > a {
    color: yellow;
  }
}

根据 Kevin Powell 的说法，当我们定位元素时，嵌套选择器是需要的：https://www.youtube.com/watch?v=ljDIcBp -9sQ

但是第二个例子也运行得很好，而且它更有意义，因为它更干净，我们已经习惯了 SASS

css

1 个回答

  1. Best Answer

    CSS 嵌套中的选择&器明确引用父选择器，确保清晰度，尤其是在复杂样式中：

    .my-class {
    & > a {
        color: yellow;
    }
}

    这编译为.my-class > a。

    省略&也是可行的，因为CSS 嵌套模块允许直接子选择器（仅适用于简单语法，不适用于复杂语法）：

    .my-class {
    > a {
        color: yellow;
    }
}

    这也编译为.my-class > a。

    两者都有效。&用于复杂上下文中的明确性（例如修饰符或伪类）。省略它可获得更简洁、更直接的子选择器。

    • 1

相关问题