5,500원
다른 수강생들이 자주 물어보는 질문이 궁금하신가요?
- 미해결[초급] 40분만에 훑어보는 Sass
노션 수업자료 내용 중에 궁금한 게 있어요!
안녕하세요 수업을 듣고 노션에 정리되어있는 자료를 보던 도중 궁금한 부분이 생겨서 질문드립니다. 중첩의 앰퍼샌드 부분에 나와있던 예시인데요 중첩이 깊어지게 되면서 불필요한 선택자들이 사용되었다고 하셨는데 어떤 부분이 불필요한 선택자가 사용된건지 이해가 잘 되지 않습니다. 이 부분에서도 질문의 있어요! map-get으로 h1의 값을 가지고 오면 section h2의 font-size는 45px 맞지 않나요? 수업 영상에서도 45px로 컴파일 되는데 자료에는 19px로 적혀있어서 헷갈려서요.. h2 map-get 라인에 주석처리 되어있는 건 어떤 것에 대한 주석일까요...?
- 미해결[초급] 40분만에 훑어보는 Sass
mixin과 extend 질문입니다
mixin을 사용 할 때 @mixin flex{ display:flex; justify-content : center; align-items : center @ content } .div{ @include flex; 추가코드 { } } 이렇게 사용하라고 하셨는데 뒤에 @content의 등장으로 좀 헷갈리네요 mixin에 @content를 사용 안하고 그냥 include하고 밑에 추가로 코드를 적으면 에러가 나나요? ----------------------------------------------- extend에서 mixin은 관계 없는 선택자에서 조금 다른 스타일을 적용 할 때 사용이라는 말이 → 서로 관계가 없지만 스타일값을 땡겨 받고 싶으면 사용한다고 이해하는게 맞을까요? 그리고 extend에서 @extend .클래스명이 아닌 @extend %선언명 을 사용 하는 것이 @content처럼 밑에 추가코드를 적을 수 있어서 사용을 권장하시는건가요? 마지막으로 scss의 if문 같은경우 다크모드의 사용이 유용해 보이는데 마지막 챕터는 scss로 하기보단 자바스크립트로 처리하는게 같이 일하는거나 가독성에 잇어서 괜찮아보이네여.. 개인적으로...
- 미해결[초급] 40분만에 훑어보는 Sass
안녕하세요 sass 수강하던 도중 질문이 있습니다 !
중첩사이에서 중첩을 해제시키고 싶은 클래스명에 @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을 사용하는 이유가 조금 애매하게 이해됩니다.
- 미해결[초급] 40분만에 훑어보는 Sass
4:21 css
강의 4:21 분 영상에 컴파일된 css 내용중 아래와 같이 되는게 맞는거아닌지요? .phoster span {} 이 오타인거같습니다. //scss .phoster-span { @extend %box-frame; span { display: inline-block; border-top: 2px solid #bb6bd9; padding: 16px 0 17px; text-align: center; } } //css .phoster-span span { display: inline-block; border-top: 2px solid #bb6bd9; padding: 16px 0 17px; text-align: center; }