처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
퀴즈 / CSS / 문제

CSS nesting(네스팅) 기능이란 무엇인가요?

보통 MDN Web Docs
보기 및 정답
A SASS 없이도 순수 CSS에서 선택자를 중첩하여 작성할 수 있는 기능으로, & 기호로 부모를 참조한다
B scroll-behavior: smooth는 JavaScript의 scrollTo에는 적용되지 않는다
C content-visibility: auto는 display: none과 유사하게 요소를 숨기는 속성이다
D CSS 파일의 로딩 순서는 동일한 명시도를 가진 스타일 규칙의 적용 우선순위에 아무런 영향을 주지 않는다

해설

CSS 네이티브 네스팅은 선택자를 중첩하여 구조적으로 작성할 수 있는 기능입니다. .card { & .title { color: blue; } }처럼 & 기호로 부모 선택자를 참조합니다. 이전에는 SASS/LESS 같은 전처리기가 필요했지만, 이제 순수 CSS에서도 지원됩니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기