如何查看name值 @each $name, $color in $sidebar-colors { &.ant-layout-sider-#{$name} a:hover { color: $color; .icon { background-color: $color; transition: box-shadow 0.1s ease-in; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.12); } svg path { fill: #fff; } } &.ant-layout-sider-#{$name} .router-link-active { .icon { background-color: $color; } .label { color: $color; letter-spacing: 1px; } } }

这段代码是使用 Sass 进行样式编写的，其中的 `@each` 循环语句用于遍历 `$sidebar-colors` 这个集合，集合中的每个元素都有 `$name` 和 `$color` 两个属性。

如果你想查看 `$name` 的值，可以在循环内部添加打印语句，例如：

@each $name, $color in $sidebar-colors {
  @debug $name; // 添加调试语句
  // 其他样式代码...
}

在上面的示例中，`@debug` 语句会将 `$name` 的值输出到控制台中。你可以使用浏览器的开发者工具或其他 Sass 编译器来查看控制台输出。

请注意，在生产环境中，建议移除调试语句，以减少样式文件的大小和提高性能。