프로그래밍 언어/HTML,CSS,JS

SCSS와 Sass의 차이점

Rateye 2021. 8. 20. 10:37
728x90
반응형
질문 : SCSS와 Sass의 차이점은 무엇입니까?

제가 읽은 내용에서 Sass는 변수 및 수학 지원을 통해 CSS를 더욱 강력하게 만드는 언어입니다.

SCSS와의 차이점은 무엇입니까? 같은 언어 여야합니까? 비슷한? 다른?

답변

Sass는 구문이 향상된 CSS 전 처리기입니다. 고급 구문의 스타일 시트는 프로그램에 의해 처리되고 일반 CSS 스타일 시트로 바뀝니다. 그러나 CSS 표준 자체를 확장 하지는 않습니다.

CSS 변수가 지원되며 사용할 수 있지만 전 처리기 변수뿐만 아니라 사용할 수 없습니다.

SCSS와 Sass의 차이점에 대해 Sass 문서 페이지 의이 텍스트는 다음 질문에 답해야합니다.

Sass에는 두 가지 구문이 있습니다. 첫 번째는 SCSS (Sassy CSS) 로 알려져 있으며이 참조 전체에서 사용되며 CSS 구문의 확장입니다 . 이는 모든 유효한 CSS 스타일 시트가 동일한 의미를 가진 유효한 SCSS 파일임을 의미합니다. 이 구문은 아래 설명 된 Sass 기능으로 향상되었습니다. 이 구문을 사용하는 파일의 확장자는 .scss 입니다.

indented syntax (or sometimes just “Sass”) 함)으로 알려진 두 번째 및 이전 구문 은보다 간결한 CSS 작성 방법을 제공합니다. 선택기의 중첩을 나타 내기 위해 대괄호 대신 들여 쓰기를 사용 하고 속성을 구분하기 위해 세미콜론 대신 줄 바꿈 을 사용합니다. 이 구문을 사용하는 파일의 확장자는 .sass 입니다.

그러나이 모든 것은 결국 CSS를 생성하는 all this works only with the Sass pre-compiler CSS 표준 자체에 대한 확장이 아닙니다.

출처 : https://stackoverflow.com/questions/5654447/whats-the-difference-between-scss-and-sass
728x90
반응형