inflearn logo
강의

Course

Instructor

[Beginner] Sass in 40 minutes

Conditional statements, loops, and functions

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

194

rlawl33835620

12 asked

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

Answer 1

0

Hojun Lee

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

그렇게 사용했을 경우

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

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

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

https://abcdqbbq.tistory.com/53

감사합니다.

라우터 궁금사항

0

35

1

자료 Git Source 주소 ??

0

63

1

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

0

78

1

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

0

57

1

13-1, 13-2 질문

0

121

1

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

4

210

1

recoil error 나시는 분들 보세요

3

124

1

어려워요 뭔소리죠 대체

3

313

1

사진이 잘 안보여요.

0

155

1

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

1

242

0

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

0

120

1

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

2

526

2

수업자료 다운로드 문의

0

83

1

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

0

141

0

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

0

174

1

useEffect 관련 질문드립니다.

0

136

0

jotai로 변경했을 때 코드

0

428

3

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

3

459

1

학습 링크

0

360

1

12-2 질문

0

658

3

5-1 학습링크

0

269

1

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

1

344

1

mixin과 extend 질문입니다

0

236

1

4:21 css

0

203

1