인프런 커뮤니티 질문&답변
작성한 질문수
안녕하세요 sass 수강하던 도중 질문이 있습니다 !
작성
·
193
0
중첩사이에서 중첩을 해제시키고 싶은 클래스명에 @at-root을 쓰라고 하셨는데요
.article{
display:flex;
justify-content : flex-end;
.article-content{
font-size:14px;
@at-root i {
opacity :0.5;
}
이 부분에서 그냥
.article{
display:flex;
justify-content : flex-end;
.article-content{
font-size:14px;
}
i {
opacity:0.5
}
이렇게 중첩 안시키면 되지않을까요? at-root을 사용하는
이유가 조금 애매하게 이해됩니다.
퀴즈
SCSS 파일 이름 앞에 `_` (언더스코어)를 붙이는 것의 주된 목적은 무엇일까요?
해당 파일이 CSS로 직접 컴파일되도록 합니다.
다른 SCSS 파일로 불러와 사용되는 부분 파일임을 나타냅니다.
전역적으로 사용될 변수를 정의하기 위함입니다.
믹스인(Mixin)이나 함수(Function)만 포함된 파일임을 표시합니다.
답변 1
0
Hojun Lee
지식공유자
말씀해주신 것처럼 밖으로 빼는 것이 일반적이지만
그렇게 사용했을 경우
밖으로 빼는 코드가 많아질 수록
코드 복잡도는 상승될 수 있습니다.
여러 응용 사례는 아래 글을 참고해주시면 좋을 것 같아요.
https://abcdqbbq.tistory.com/53
감사합니다.