WEB2 - CSS

CSS 선택자를 스스로 알아내는 방법

강의 

내용이 많고 복잡합니다. 시간을 충분히 확보하고 시작하세요.

 

 

 

소스코드

변경사항

댓글

댓글 본문
  1. 별거
    2021.04.12
    .class 특정 class를 선택한다. element와 함께 있을 때 우선으로 처리된다.

    #id 특정 id를 선택한다. class와 함께 있을 때 우선으로 처리된다.

    element < .class < #id
  2. 가보자
    2021.04.12
  3. 다랑어최고야
    4/12 done
  4. 역사단 보존서고지원병
    2021.04.12 완료
  5. nptncloud
    21.4.4

    이해가 완전하지 않을 수 있지만 한 번 정리해 봅니다.

    구체성이 높고, 우선순위가 높은 선택자:

    ID (#.id name) > Class (.class name) > Tag (Tag name)

    반대로 원리를 생각하면, 포괄적인 tag나 클래스로 전체적인 코드를 구성하고, 가장 구체적인 ID를 통해 예외적인 속성을
    설계하기 위함.

    - 여러개의 class선택자가 하나의 요소(?)를 다르게 제어하려고 할 때는, 가장 최근(하단)의 코드가 더 영향력이 강하다.
    - ID는 학생증이나 민증처럼 유일무이한 값
    - tag = element
    - CSS Selector reference 검색을 참조
  6. midori
    감사합니다
  7. 김도현
    완료
  8. 리천맨
    20210330
  9. seonhong Kim
    2021.03.26 완료
  10. 요모
    2021-03-25
  11. 효몬드
    완료
  12. Sojin Kim
    id 에서 부터 이해가 되지 않으면서 멍~~ 해졌네요. 혼자서 직접해봐야겠네요.
  13. WBin.K
    2021.03.14 완료
  14. 단순미
    완료
  15. 김천천
    완료
  16. 현누
    2021.03.01(14:27) 완료
  17. 제리
    흑 이강의는 어렵ㄷ네여....10번이고 다시 보겠습니다아. 히힛
  18. Patrick
    감사합니다!
  19. 졸대
    완료!
  20. 21.02.22 완료
  21. 쿠키
    complete!!
  22. 쿠키
    complete
  23. cookie
    완료
  24. 노원신
    강의 들을때는 이해가 갔는데 끝나고 나니까 다시 헷갈리네요. ㅋ
  25. rose_lex
    완료
  26. cxxerry
    완료요!
  27. loveahav
    이 강의는 몇번 더 봐야할 것 같아요!
    밑에 댓글들도 좋은 질문& 답변이 많네요!
    모두 감사합니다~!
  28. 고래상어
    21-02-13 완료
  29. 서태
    210204
  30. 20단국
    2/3일 4일차
  31. 디자인 적용에서 왜 구체적인게 포괄적인 것보다 우선이 되어야 하는지에 대해서 일반적인 인식과 달라서 조금 헷갈렸네요 감사합니다
    대화보기
    • jack0331
      포괄적인 부분은 내용적인측면, 전체 컨텐츠에 관한 거시적 부분이니깐, 그게 먼저 있어야겠죠.
      그후 구체적인 디자인적인 요소를 추가하면 된다는 내용이 포괄 >> 구체적인 부분에 관한 설명이지 싶네요.

      단, 디자인 적용의 우선순위에 있어서는 구체적인 적용이 포괄적인 적용보다는 우선순위가 높아야,
      디자인 적용의 효과가 편리하고 정확하게 제어된다는 내용이 아닐런지요~
      대화보기
      • 재밌습니다
        구체적인 것이 포괄적인 것보다 앞선다고 말씀해주셨는데
        포괄적인 것부터 깔고 구체적인 것을 건드려야 한다고도 설명해주셔서 상충되는 말이 아닐까 생각했습니다
        혹시 제 의문에 답을 알고 계신 분들 답변 부탁드립니다
      • 시장조사
        아 밑에 어느 분이 이미 알려줬네 ㅋㅋㅋ
        대화보기
        • 시장조사
          약간 어려웠지만 완료! 근데 이미 본 링크 색은 진짜 어떻게 수정하는지 궁금하네요. 영상에 나온건 그냥 그룹 지어서 색깔 바꾼거라 이미 봤든 안 봤든 바뀌는 거 아닌가요? 어쨌든 궁금하당
        • 완료
        • 완료
        • 임찬혁
          완료
        • 서준
          완료
        • 추장
          완료
        • younghwani
          완료!
        • 가지덮밥
          넵! 잘 이해하신 것 같습니다
          대화보기
          • 푸른벚꽃
            맞습니다.

            저도 몰랐는데 전 수업에서 검색하라고 해서
            css a property
            라고 검색하니 a 태그에 쓸 수 있는 속성들이 검색되어 위와 같이 나왔습니다.

            모르는 분은 검색을 해보시는 것이 좋을 것 같네요, 생각보다 자세하고 많은 것을 얻어가실 수 있습니다.
            왜 코딩하시는 분들이 구글이 선생님이라고 하는지 알게 되실 겁니다 ㅎㅎ
            대화보기
            • chimhyangmoo
              2021.01.09
            • 걸어가는신사
              2021.01.09
            • T.Hwang
              완료~
            • jeisyoon
              감사합니다.
            • 그리내
              id값은 중복해서 사용할수 없다고 설명하시는데, 그 이유가 기능상으로는 중복해서 작동은하나 결국 구체성을 잃어버리기 때문에 그런건가요? 예를 들면 id="active"를 페이지의 HTML링크, CSS링크에 모두 적용하면 같은 컬러가 나오는데, id값의 목적인 구체성이라는 면에서 id값의 목적이 사라져버리기 때문에 그런건가요? 궁금합니다.
            • 정혜선
              이고잉 선생님.. 정말 빛 그 자체십니다. 내용이 정말정말 어려운데 선생님이 아닌 다른 사람의 설명이였다면 저 이해하는데 상당한 시간이 걸렸을 것 같습니다.. 어려운 내용에서 더 강의실력이 빛을 발하는군요!! 어려운거 끝냈으니 마지막까지 힘차게 달리겠습니다! 이 강의를 보고 댓글을 꼭 달아야겠다 싶어 회원가입 했슴다 크크
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기