在SCSS中将标记名嵌套到类样式中

在SCSS中将标记名嵌套到类样式中,css,sass,Css,Sass,我想为嵌套选择器,它不是嵌套的,它是两个不同的元素,请按如下所示尝试实现 .class-name { font-size: 40px; } a.class-name { color: #ff6666; } 或者以嵌套的方式 a{ &.class-name{ color: #ff6666; } } 无法从子级以父类为目标 从中获取更多详细信息我认为您必须使用 就我个人而言,我觉得阅读起来并不愉快,更重要的是,在文件中通过ctrl+f很难找到(如果您没有so

我想为
嵌套选择器,它不是嵌套的,它是两个不同的元素,请按如下所示尝试实现

.class-name {
  font-size: 40px;
}

a.class-name {
  color: #ff6666;
}
或者以嵌套的方式

a{
   &.class-name{
    color: #ff6666;
   }
}
无法从子级
以父类为目标

从中获取更多详细信息

我认为您必须使用

就我个人而言,我觉得阅读起来并不愉快,更重要的是,在文件中通过ctrl+f很难找到(如果您没有sourcemaps)


编辑:如果整个块嵌套到其他块中,则会中断…

这是我在问题中给出的解决方案,但不是scss方式。如果a是类名,则可以使用&parent selector或嵌套上一版本的嵌套元素。。。我不想以另一种方式嵌套(.class name在a中)。另外,在您的解决方案中,我应该将字体大小放在哪里?这是
scss
来生成
css
,正如您提到的
a。class-name
特定于添加
颜色:#ff6666
字体大小:40px.class name
已经添加了code>。@ArthurCantarela:你能试试然后告诉我们吗?或者一份副本
.class-name {
  font-size: 40px;

  @at-root {
    a#{&} {
      color: #ff6666;
    }
  }
}