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,643

댓글 0

    함께 읽은 게시물

    Longest Common Subsequence 자바스크립트 풀이

    ... 더 보기

    Longest Common Subsequence | 알고달레

    알고달레

    Longest Common Subsequence | 알고달레

    PM이 이해하면 좋은 지표 개념

    프로덕트 매니저(PM)로 일하면서 늘 지표 이야기를 듣게 됩니다. 대부분 PM은 선행지표(leading indicator)와 후행지표(lagging indicator)의 개념을 잘 이해하고 있습니다. 하지만 선행지표에 영향을 미치는 '인풋(input) 지표, '아웃풋(o

    ... 더 보기

     • 

    댓글 1 • 저장 38 • 조회 1,515





    스토리북 9 출시 소식

    ... 더 보기

    Storybook 9

    Storybook Blog

    Storybook 9