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 - ＆gt; .someClassh2，

& h2 - ＆gt; .someClass h2，

h2 & - ＆gt; h2 .someClass

任何解决方案？

Answer 1

CSS无法正常工作。＆符只是将标记和类组合成可读的CSS。也许他们最终会在Sass规范中添加一些内容以使其工作，但是现在，＆符号被替换为您巢中最近的父级。

在类中使用html元素的＆符号（＆amp;）

1 个答案: