WEB2 - CSS

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

강의 

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

 

 

 

소스코드

변경사항

댓글

댓글 본문
  1. 여름꽃
    감사합니다 ♥ 2020/09/17
  2. 알파카파카
    2020/09/17
  3. cgoing
    cgoing / 200914
  4. 한재원
    선택자 우선순위가 같으면 나중에 등장한 선택자가 우선순위가 높은걸로 알고있는데

    <style>
    h1 {color:red;}

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

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

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

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

    class 및 id 등등 학습!
  12. 난지단지
    완료!
  13. Danny
    2번들었습니다. 안들리면 계속 들어야지...완료
  14. 완료
  15. 김요한
    20.08.18 done
  16. 20.08.17 done!
  17. andrew070124
  18. 규빠
    20200816 얍
  19. Paul Yoon
    <div class="nav">
    <ol>
    <li> hi </li>
    </ol>
    </div>

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

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

    id > class> tag (a) (element)

    더 구체적인 것이 포괄적인것보다 우선순위 높다!!!
  25. 최정원
    ~ 8/9
  26. banaba
    8/6 완료! 셀렉터 우선순위 : id > class> tag
  27. 장정민
    즐코즐코
  28. 주말농장주인
    2020.08.04 완료
  29. Jay1025
    2020.08.03. 완료
  30. 조아라
    2020.08.02
  31. 2020.08.01.
  32. bono039
    20.07.30 선택자 수업 완료
  33. 라피네
    선택자
  34. 이뿐이
    완료
  35. cottoncandy
    20200709 완료
  36. 뽀짝이
    완료
  37. 우왕왕달려
    20.07.08 완료
  38. chapter5447
    완료하였습니다
  39. seungsang
    2020-07-06
  40. dongmi95
    20.07.04완료
  41. 오씅
    20200701
  42. 200630
  43. 200627
  44. jaehyunlee
    2020-06-26 완료
  45. 2020/06/22 완료
  46. 이정혁
    20/06/17 완
  47. 김혜린
    6월 16일 완료!
  48. 김광현
    6/15오ㅓㄴ료
  49. hpyseun
    06/11/2020 완료
  50. simhae
    2020-06-11 id=", class,tag 를 통해 부분마다 쓰면서 활용할수있다는 생각이들었습니다.
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기