WEB2 - CSS

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

강의 

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

 

 

 

소스코드

변경사항

댓글

댓글 본문
  1. 현콜
    2020/10/21
  2. 매일
    tag < class < id
  3. 라미
    201013
  4. Patrick
    좋은 강의~~~!!
  5. 김진기
    방문했으면 색깔이 변하고 현재방문중이면 또 다른 색깔로 나오게 하는건 어떻게 할까요??

    이번 예제는 그냥 우선순위에 따라 색깔만 바꾸는 방법이네요.

    저렇게 하려면 심화인가요
  6. С. Хулан
    완료
  7. Gomee
    2020.10.05 RE
  8. 아롱한영
    2020.10.04
  9. 바부대지
    2020.10.01 23:15
  10. 문성석
    2020.10.01 완료
  11. 여니여니
    200928 완료!
  12. 최일수
    20200922완료
  13. 2020.09.22 [15:18]
  14. 허태민
    20.09.20
  15. 여름꽃
    감사합니다 ♥ 2020/09/17
  16. 알파카파카
    2020/09/17
  17. cgoing
    cgoing / 200914
  18. 한재원
    선택자 우선순위가 같으면 나중에 등장한 선택자가 우선순위가 높은걸로 알고있는데

    <style>
    h1 {color:red;}

    a {color:black;}
    </style>
    이 경우에서
    <h1><a>web</a></h1> 은 검은색

    <a><h1>web</h1></a>은 빨간색

    으로 나오게 되네요.
    태그 선택자에서는 부모태그보다 자식태그가 우선순위가 높은건가요??
  19. 부냥
    선택자에는 우선 적용 순위가 있는데, id>class>element(태그) 순임. 이 순서는 구체적인 것 > 중간 > 포괄적인 것임. id는 문서에서 딱 한 번만 등장하는 유일무이한 선택자.
  20. wndals20
    20.09.10
  21. 지은
    2020.09.10 완료
  22. 말해뭐해
    CSS선택자의 우선순위.
  23. 허우룩
    2020.09.02
  24. Benjamin Hyungjin Oh
    2020.09.01 완료
    선택자끼리의 위계관계 존재한다
    a < class < id
    포괄적인 것보다 구체적인 것이 더 영향력이 크다.
  25. 맛있는맛이네
    20.08.25 완료!!

    선택자의 중요도에 따른 코드 반영 우선순위 有!!

    class 및 id 등등 학습!
  26. 난지단지
    완료!
  27. 2번들었습니다. 안들리면 계속 들어야지...완료
  28. 완료
  29. 김요한
    20.08.18 done
  30. 20.08.17 done!
  31. andrew070124
  32. 규빠
    20200816 얍
  33. Paul Yoon
    <div class="nav">
    <ol>
    <li> hi </li>
    </ol>
    </div>

    이렇게 돼있을 때 css에서 hi를 바꾸고 싶을 때 부모를 꼭 표시하고 싶어요. 왜냐면 다른곳에도 ol 태그가 있기 때문이죠. 그럴 땐 어떻게 하나요?

    <style>
    #nav li { !!!←이부분!!!! 어떻게 써야할까요
    margin : 0px;
    }
    </style>
  34. 얍얍얍
    ㅇㄹ
  35. 도희
    2020.08.12 완료!!
  36. id(#)-->class(.)-->a(a)
  37. 09.08.20 완료
  38. 씽푸미니
    2020.08.09 완료

    id > class> tag (a) (element)

    더 구체적인 것이 포괄적인것보다 우선순위 높다!!!
  39. 최정원
    ~ 8/9
  40. banaba
    8/6 완료! 셀렉터 우선순위 : id > class> tag
  41. 장정민
    즐코즐코
  42. 주말농장주인
    2020.08.04 완료
  43. Jay1025
    2020.08.03. 완료
  44. 조아라
    2020.08.02
  45. 2020.08.01.
  46. bono039
    20.07.30 선택자 수업 완료
  47. 라피네
    선택자
  48. 이뿐이
    완료
  49. cottoncandy
    20200709 완료
  50. 뽀짝이
    완료
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기