CSS Nesting으로 선택자 중첩하기
www.daleseo.com
CSS Nesting으로 선택자 중첩하기
CSS 네스팅(Nesting)은 어떤 선택자 내부에 다른 선택자를 넣어서 계층적인 스타일이 가능케하는 문법입니다. 예전에는 SCSS, SASS, LESS와 같은 CSS 전처리기를 사용해야 쓸 수 있던 기능이 었지만, 최근에는 CSS 표준에도 CSS Nesting이 정식으로 도입되어 Vanilla CSS에서도 사용이 가능해졌습니다.
이번 포스팅에서는 CSS Nesting을 왜 사용해야하고 어떻게 사용하는지에 대해서 알아보겠습니다.
📝 포스팅: https://www.daleseo.com/css-nesting/
본 포스팅은 CSS 선택자(selector)와 결합자(combinator)에 대한 기본적인 이해가 필요합니다. 관련해서는 제가 별도의 게시물에서 다루고 있으니 아래 링크를 참조 바랍니다.
📕 CSS Nesting으로 선택자 중첩하기: https://careerly.co.kr/comments/106255
📗 CSS 결합자(combinator)로 선택자 조합하기: https://careerly.co.kr/comments/107107
다음 내용이 궁금하다면?
이미 회원이신가요?
2024년 10월 21일 오후 9:54
댓글 0
함께 읽은 게시물
사용자 모으니 매출안난다고 난리
... 더 보기![[단독] 당근 매출 99%가 광고…원천기술 개발해 '우물 안' 벗어나야](data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)
어제 AI 시대의 개발자 토론회에서 내가 대 AI 시대에는 버전관리 시스템이 필요없을 수도 있다고 생각해야한다는 말을 했는데, 그정도로 파격적인 생각을 해야한다는 이야기긴했지만, 진짜 그럴까?를 다시 한 번 생각해봤다.
우선 버전관리 시스템의 목적은 크게 다음 세 가지다.
🌎 해외에서 일하면 뭐가 좋을까요❓
외국어를 사용해서? 돈을 더 많이 벌어서? 새로운 기회가 많아서? 글로벌 경력을 쌓을 수 있어서?
... 더 보기‘경영의 신’이란 칭호를 받은 마쓰시타 고노스케는 경영자가 가져야 할 가장 중요한 자질을 ‘인간에 대한 이해’라고 했다. 경영의 진짜 핵심을 찌른 이야기다. 경영이란 무엇인가? 한마디로 ‘사람을 움직여 가치를 창조하는 업(業)’이다.
... 더 보기
