WEB2 - CSS

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

강의 

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

 

 

 

소스코드

변경사항

댓글

댓글 본문
  1. 김관호
    2021.09.22.
  2. 이승민
    2021.09.21
  3. Carrot
    2021.09.21
  4. 최성현
    210916
  5. 오수정
    2021.09.13 am10:37
  6. 영도폭격기
    진짜 재밌다... 완료
  7. 정제제
    210828 완
  8. 이나크로
    20210821
  9. 권정현
    .
  10. blackn1
    잘보구 있어유
  11. 커넥티드 허트
    21.08.01 완료
  12. 호놀룰루
    감사합니다
  13. 조유빈
    완료
  14. 아자가자
    210720 성공
  15. 완료
  16. inwhan
    2021.07.18 완료
  17. 너클볼러
    감사합니다.
  18. 서울 2020년 가을
    2021.7.15
  19. 임코딩
    - 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"
  20. 정용헌
    좋은 강의 감사합니다
  21. 윤동욱
    20210706
  22. 박사장
    21.06.30 시청 완료
  23. 황철갑
    21.6.27
  24. 호찬
    2021.06.22.(화) 진행중
  25. 너굴
    210611
  26. 신동훈
    2021-5-30 완료! 감사합니다
  27. 김휘철
    잘 봤습니다~
  28. drinkdrink
    잘들었습니다아 ~^^
  29. 최세미
    20210522
  30. 김새암
    2021.05.17
  31. GelandeWagen
    210517 ok
  32. 210514
  33. super1Nova
    210512
  34. RedMaple
    2021.05.11
  35. 에미넴의해골
    0510-- 학습완료
  36. 레이
    0508
  37. 초딩 개발자
    2021/05/08
  38. 에미넴의해골
    살짝 어렵지만 5/7 완료
  39. 그리고래
    21.05.06 완료
  40. ksg9482
    21.05.03 완료
  41. route66
    21.5.1
    #>.>a

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

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

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

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

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

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

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

    - 여러개의 class선택자가 하나의 요소(?)를 다르게 제어하려고 할 때는, 가장 최근(하단)의 코드가 더 영향력이 강하다.
    - ID는 학생증이나 민증처럼 유일무이한 값
    - tag = element
    - CSS Selector reference 검색을 참조
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기