WEB2 - CSS

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

강의 

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

 

 

 

소스코드

변경사항

댓글

댓글 본문
  1. 호놀룰루
    감사합니다
  2. 조유빈
    완료
  3. 아자가자
    210720 성공
  4. Chae
    완료
  5. inwhan
    2021.07.18 완료
  6. 너클볼러
    감사합니다.
  7. 서울 2020년 가을
    2021.7.15
  8. 임코딩
    - class 선택자
    HTML tag -> class="class1 class 2 ..." ,
    CSS style tag ->
    .class1 { ... }
    .class2 { ... }
    ...
    * 위와 같이 중복 class 지정 시, 나중에 지정해준 속성이 최종적으로 적용

    - id 선택자
    HTML tag -> id="active"
    CSS style tag ->
    #active { ... }
    * id 선택자는 중복 x

    - 선택자 우선순위 : tag < class < id (포괄적 < 구체적)

    - 선택자 검색하기 : "css selector"
  9. 정용헌
    좋은 강의 감사합니다
  10. 윤동욱
    20210706
  11. 박사장
    21.06.30 시청 완료
  12. 황철갑
    21.6.27
  13. 호찬
    2021.06.22.(화) 진행중
  14. 너굴
    210611
  15. 신동훈
    2021-5-30 완료! 감사합니다
  16. 김휘철
    잘 봤습니다~
  17. drinkdrink
    잘들었습니다아 ~^^
  18. 최세미
    20210522
  19. 김새암
    2021.05.17
  20. GelandeWagen
    210517 ok
  21. 210514
  22. super1Nova
    210512
  23. RedMaple
    2021.05.11
  24. 에미넴의해골
    0510-- 학습완료
  25. 레이
    0508
  26. 초딩 개발자
    2021/05/08
  27. 에미넴의해골
    살짝 어렵지만 5/7 완료
  28. 그리고래
    21.05.06 완료
  29. ksg9482
    21.05.03 완료
  30. route66
    21.5.1
    #>.>a

    google keyword- css selector
  31. 스문
    우선순위
    태그 < class < id
    id 값은 한번만 나와야 된다.
  32. Jeong Il Haan
    20210427
  33. 성공하기
    감사합니다.
  34. chimhyangmoo
    2차 - 21.04.22
  35. 별거
    2021.04.12
    .class 특정 class를 선택한다. element와 함께 있을 때 우선으로 처리된다.

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

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

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

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

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

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

    - 여러개의 class선택자가 하나의 요소(?)를 다르게 제어하려고 할 때는, 가장 최근(하단)의 코드가 더 영향력이 강하다.
    - ID는 학생증이나 민증처럼 유일무이한 값
    - tag = element
    - CSS Selector reference 검색을 참조
  40. midori
    감사합니다
  41. 김도현
    완료
  42. 리천맨
    20210330
  43. seonhong Kim
    2021.03.26 완료
  44. 요모
    2021-03-25
  45. 효몬드
    완료
  46. Sojin Kim
    id 에서 부터 이해가 되지 않으면서 멍~~ 해졌네요. 혼자서 직접해봐야겠네요.
  47. WBin.K
    2021.03.14 완료
  48. 단순미
    완료
  49. 김천천
    완료
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기