SASS & 본문? & .class는 작동하지 않습니다.

Question

class-a도 class-b 인 경우 다음 SASS에 적용되는 색상은 파란색입니다.

body 요소가 class-a 인 경우 색상이 빨간색 일 것으로 예상되지만 대신 오류가 발생합니다.

.class-a { 
    &.class-b { 
     color: blue; 
    } 
    &body { 
     color: red; 
    } 
} 

Answer 1

이것은 현재 가능하지 않습니다.

현재 &은 요소 선택자와 구문 학적으로 동일하므로 하나 옆에 나타날 수 없습니다. 나는 이것이 이것이 사용될 수있는 곳을 명확히하는 데 도움이된다고 생각한다; 예를 들어, foo & bar는 결코 유효 선택자가 될 수 없습니다 (또는 foo & bar 또는 foo & bar와 같을 수도 있음).

이 동작을 변경하기위한 논의가 있지만, 이것이 Sass의 일부가되기 전에 먼 길일 수도 있습니다. 그 동안

• https://github.com/nex3/sass/issues/282
• https://github.com/nex3/sass/issues/286, 당신이 정말로 할 수있는 모든이있다 :

  .class-a { 
      &.class-b { 
       color: blue; 
      } 
  } 
  
  body.class-a { 
      color: red; 
  }