사파리
-
크롬과 사파리에서 CSS 중첩 사용하기Studying/CSS 2023. 2. 21. 20:52
* 《Try out CSS Nesting today》아티클을 번역 및 참고하여 작성한 글입니다. 작년 12월, WebKit은 CSS 중첩에 대한 세 가지 옵션을 자세히 설명하는 아티클을 게시했다. 당시, 아티클에서 옵션 3, 옵션 4, 옵션 5의 차이점을 설명하고 일련의 예시를 통해 각 옵션이 어떻게 작동하는지 보여주었다. 그리고는 "CSS의 미래를 위해 어떤 옵션이 가장 좋을까?"라는 간단한 질문을 던졌다. Option 3) Non-letter start: 문자로 시작하지 않는 중첩 스타일 규칙을 선언 블록에 직접 추가 article { font-family: avenir; & aside { font-size: 1rem; } } Option 4) Postfix block: 스타일 규칙은 스타일 규칙만..