생활코딩

Coding Everybody

코스 전체목록

닫기

여러가지 선택자들

여기서는 여러가지 선택자를 알아봅니다. 그런데 지금까지 배운 선택자로도 많은 것을 할 수 있습니다. 만약 CSS 초심자라면 이것을 공부하는 것 보다는 나머지 진도를 우선 나가는 것을 권해드립니다. 나중에 보시면 됩니다. 지루함을 덜기 이해서 아래 게임을 이용해서 수업을 진행하겠습니다. 

http://flukeout.github.io/

 
 
 

댓글

댓글 본문
  1. 짜rr
    감사히 잘 보았습니다.
  2. choi
    완료
  3. 안되는 것도 있지만.. ㅎㅎㅎ
  4. Minint
    2021.03.06
  5. 으아 이거 저번 타이틀에서 알려주셔서 구글에 답변 검색해서 혼자했는데 알려주시네요 ㅋㅋㅋㅋㅋ 참 좋은 사이트인거같아요 이거 몇번 반복하면 이해도 잘되고 잘외워지는듯
  6. HyeonHui Jeong
    20210217
  7. 스마일가이
    2021.01.26 완료 감사합니다
  8. datsciseol
    20210115
  9. nicktheman
    20201217 am2 복습까지 완료
  10. switpotato
    20201122: 2차학습 완료
  11. 켄드릭
    2020년 11월 03일(화) 11:54 1차 수강완료
  12. jaehyunlee
    완료
  13. 오석민
    완료
  14. 박병진
    감사합니다.
  15. 여니여니
    20200923 감사합니다
  16. 알깨고나온펭귄
    32까지 끝!!
  17. ppwater
    24번 .small:last-of-type 도 되네요!
  18. jaehyunlee
    완료
  19. 007bbang
    200702 선택자수업 학습완료!
    선택자를 정하는게 헷갈렸는데 영상 덕분에 많이 배워갑니다.
  20. green diseny
    여기있는건 다했는데 영상보고 복습하고 남은거5개하기!!!
  21. 클래식00
    css에서 중요한 부분인것 같아요.. 몇번더 복습을 합니다... 감사해요
  22. 무지개반사
    완료
  23. Blanc
    2020.01.04
  24. jinxiong
    cleard
  25. Grigo
    두번째 영상까지 완료
  26. Grigo
    두번째 영상까지 완료
  27. alpha
    191001
    21번까지 완료
  28. 치디우기
    수강완료
  29. 류석현
    수강완료
  30. 싸커홍
    26번까지 완료햇는데 27번 이후로도 강의 부탁드립니다 !!
  31. FIRE
    20190728 완료
  32. 다나가
    190718 - 추가된 문제 Level 27 ~ 32 까지 완료!!
  33. 김주엽
    보류
  34. 구경꾼경
    17번

    .small:last-child

    이렇게 하니 되네네
  35. 노혜주
    완료
  36. 이재훈
    그것때문에 plate:only-child 써서 안됬다가 동현님 댓글보고 plate :only-child 에서 plate 다음 스페이스 하나 생기니 통과 된것때문에 어이가 없었습니다. 왜 스페이스 하나에 작동하고 안하는걸까요?
    대화보기
    • jerry
      재미있어요!
    • 울라울라
      지금은 게임이 안뜨네요ㅜㅜ
    • 티에스토
      정말 감사합니다. 게임도 같이 풀어주는 세심한 배려에 감동했습니다.!
    • 라큰놀
      감사합니다. 정말 잘가르치십니당^^ 코딩의 스승님이세요!!
    • 이근환
      orange의 경우 last-child가 아닌 first-child입니다.

      apple과 pickle의 경우는 한개이기에 first도 child도 해당이 되는거구요!

      하지만 문제가 :last-child를 써서 답을 적어야 하기에

      이고잉 선생님께서 답으로 하신 .small:last-child가 좋은 답이라 생각합니다.

      저 같은 경우에는 #fancy .small, pickle .small:last-child라고 답을 적었는데

      다 풀고 수업을 보니 훨씬 좋은 선택자를 고르는 답이 많은것 같습니다!
      대화보기
      • 복습중이에요 감합니다
      • refers
        17번이 궁금하네요... . .small 에 해당하는것이 apple와 pickle 외에 orange도 해당이 되는것같은데. apple와 pickle만 선택되어 클리어 됩니다. orange를 제가 어떻게 이해하면 될까요?
      • 띠링
        31,32번 문제는 정규표현식을 떠올리게 하네요. ^ $ *
        와~ 다 풀었다!
        고잉님은 어디서 이렇게 재밌는 걸 알아내시는 겁니까?
        덕분에 즐겁게 공부했습니다.
      • 바실로마첸코
        옆에 있는 힌트들 보고 한번에 클리어했네요 으허허
      • 푸른하늘
        9일차 공부 감사합니다
      • Jupi
        ### 안푸신 분들 조심 ###
        ## 27번 부터 ##

        27번 부터는 힌트로 [attribute] 라고 적혀 있는데,
        attribute 는 '속성'이란 의미를 같습니다.

        그럼 속성은 무엇이고, 속성값은 무엇인지 파악하시면 손쉽게 푸실수 있습니다.
      • John Lee
        26번째 까지 해주셨는데 지금은 32번째까지 있네요 20번째하고 27번째부터 32번까지 풀이좀 해주세요~
        당췌모르겠네요.^^
      • Noel J Park
        계속 업데이트가 되나봐요. 지금은 32단계까지네요.
      • 오빠는다르다
        감사합니다~!!!!!!
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기