SASS를 사용할 때 클래스 이름에 @ 기호를 어떻게 사용할 수 있습니까?

Question

sass를 사용할 때 클래스 이름에 @ 심볼을 포함 할 수 있습니까? CSS에서 유효한 구문 인 것처럼 보이지만 계속 컴파일 오류가 발생합니다.

.u-6@sm { 
    width: 50%; 
} 

내가 보간을 사용하는 방법의 variaty을 시도했지만는 @ 기호로 CSS를 뱉어 얻을 수 없습니다

나는 클래스 이름이 같은합니다.

$at-symbol: unquote('@'); 
.u-6#{$at-symbol}sm { 
    width: 50%; 
} 

작동하지 않습니다. 나 또한 그것을 반환하는 함수와 param으로 기호를 받아들이는 믹스 인을 시도했지만 여전히 아무것도.

.u-6\@sm { 
    width: 50%; 
} 

은 백 슬래시와 @ 기호 모두 잘 컴파일 :

별난 일이 내가 할 경우이 있다는 것입니다. 응? 뭐라구? 그렇다면 왜 @만을 사용할 수 없습니까?

Answer 1

아, 방금 무슨 일이 일어 났는지 깨달았습니다. \을 사용하면 CSS에서 문자를 이스케이프 처리 할 수 ​​있습니다. 그러면 CSS 자체가 @ 심볼을 이스케이프합니다.

아무도 유용하다고 생각하면 질문을 남겨주세요.