CSS 결합자(combinator)로 선택자 조합하기

CSS에서는 선택자 사이에 나오는 >, +, ~와 같은 기호들을 결합자(combinator)라는 다소 어려운 이름으로 부르는데요. 이번 시간에는 CSS의 결합자를 사용하여 선택자를 조합하는 방법에 대해서 배워보겠습니다.


  • Descendant Combinator

  • Child Combinator

  • Next-sibling Combinator

  • Subsequent-sibling Combinator

  • 쉼표 기호도 결합자일까?


📺 동영상: https://youtu.be/fiy42NNSE_8

📝 포스팅: https://www.daleseo.com/css-combinators/

🧑‍💻 실습 코드: https://codepen.io/daleseo/pen/wvdZMBO


CSS의 기본 선택자에 대해서는 아래 게시물에서 자세히 다루고 있으니 참고 바랍니다.

📕 https://careerly.co.kr/comments/106255

CSS 결합자(combinator)로 선택자 조합하기

www.youtube.com

CSS 결합자(combinator)로 선택자 조합하기

더 많은 콘텐츠를 보고 싶다면?

또는

이미 회원이신가요?

2024년 6월 25일 오후 9:57

 • 

저장 4조회 2,635

댓글 0