멋쟁이 사자처럼 at 한국교통대학교 7기

2019 KNUT X LIKE LION #7

코스 전체목록

닫기

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

강의 

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

 

 

 

소스코드

변경사항

댓글

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

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

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

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

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

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

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

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

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