类中 html 元素的 sass 和号（&）[重复]

Question

这很简单：

h2{
    color:blue;
    &.someClass{
         color: red;
      }
   } 
//output:
   h2{color:blue;}, h2.someClass{color: red;}

但是当我尝试其他方法时它不起作用：

 .someClass{
        color: red;
        h2&{
            color:blue;
        }
    }
//error: invalid selector after h2

//what I want to get: 
  h2.someClass{color:blue;}, .someClass{color: red;}

显然，这些都行不通：

&h2 ->.someClassh2,

& h2 ->.someClass h2,

h2 & -> h2 .someClass

有什么解决办法吗？

Answer 1

CSS 不能那样工作。 & 符号只是将标签和类串在一起变成可读的 CSS。也许他们最终会在 Sass 规范中添加一些东西来完成这项工作，但现在 & 符号只是替换为你巢中最近的父代。