inflearn logo
강의

강의

N
챌린지

챌린지

멘토링

멘토링

N
클립

클립

로드맵

로드맵

지식공유

[초급] 40분만에 훑어보는 Sass

조건문과 반복문, 함수

안녕하세요 sass 수강하던 도중 질문이 있습니다 !

200

김김지호

작성한 질문수 12

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을 사용하는

이유가 조금 애매하게 이해됩니다.

sass

답변 1

0

Hojun Lee

말씀해주신 것처럼 밖으로 빼는 것이 일반적이지만

그렇게 사용했을 경우

밖으로 빼는 코드가 많아질 수록

코드 복잡도는 상승될 수 있습니다. 

여러 응용 사례는 아래 글을 참고해주시면 좋을 것 같아요.

https://abcdqbbq.tistory.com/53

감사합니다.

라우터 궁금사항

0

51

1

자료 Git Source 주소 ??

1

82

1

교육자료 소스 바로 실행시..

0

96

1

교육자료 소스 바로 실행시..

0

72

1

13-1, 13-2 질문

0

139

1

12-2. Recoil -> Jotai 변환 코드 공유합니다.

4

219

1

recoil error 나시는 분들 보세요

3

132

1

어려워요 뭔소리죠 대체

3

321

1

사진이 잘 안보여요.

0

163

1

반복문 사용법은 안알려주고 주의사항만 알려주시는거군요

1

249

0

hooks recoil불러오는 과정에서 src내부에 있는 파일이 안불러와집니다

0

127

1

제발 코드샌드박스 링크 좀 달아주세요....

2

538

2

수업자료 다운로드 문의

0

88

1

App.js > QuestionBox > answers ={answers[step]}, QuestionBox.js > answer

0

144

0

4.2 React 렌더링 과정 에서 왜 컴포넌트가 두 번씩 호출될까요?

0

180

1

useEffect 관련 질문드립니다.

0

140

0

jotai로 변경했을 때 코드

0

443

3

리코일이 업데이트가 안된지 오래됐다고하네요

3

467

1

학습 링크

0

369

1

12-2 질문

0

675

3

5-1 학습링크

1

270

1

노션 수업자료 내용 중에 궁금한 게 있어요!

1

351

1

mixin과 extend 질문입니다

0

242

1

4:21 css

0

207

1