WEB2 - CSS

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

강의 

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

 

 

 

소스코드

변경사항

댓글

댓글 본문
  1. 답글 읽어보다가 찾았어요!!
    꼬미네 님께서 a:visited 참조: https://www.w3schools.com......asp
    알려주셨네요.

    여기는 답글들도 생각해 볼게 많아서 읽어보게 되네요 ㅎㅅㅎ
    대화보기
    • 위즐이
      음.. 잘 모르겠네요 다른 자료들 더 찾아보는게 맞는것 같네요.

      강의 하시는 분이 답글을 따로 달아주시지는 않는 것 같아서..
      대화보기
      • 강의에서의 방문 순서는 HTML -> CSS 일 경우,
        [결과1] (HTML, 회색), (JavaScript, 검은색)이 됩니다.
        만약, 방문 순서가 JavaScript -> CSS 로 바뀐다면,
        [결과2] (HTML, 검은색), (JavaScript, 회색)이 되어야 하지만,
        강의의 방법대로 하면 [결과1] 과 같이 나타나게 됩니다... ㅠㅜ id로 해결되는게 아닌거 같아요..
        대화보기
        • 위즐이
          class="saw" 로 방문 했던 링크를 구분 한다는거 아닌가요?

          지금 방문하고 있는 페이지를 표시하는거는 id를 통해 표시해주고
          대화보기
          • Scia
            김진기 님 댓글처럼 이고잉님의 설명에서 '방문했으면'은 시간(히스토리)에 관련이 있는 건데, 예제는 임의적인 우선 순위에 따라 바꾸는 방법이라 저도 헷갈려서 강의 몇 번이고 돌려봤네요;;;
            저도 댓글처럼 방문에 따라 색이 변하는 방법이 궁금하지만 아직 모르겠네요....
            대화보기
            • 현콜
              2020/10/21
            • 매일
              tag < class < id
            • 라미
              201013
            • Patrick
              좋은 강의~~~!!
            • 김진기
              방문했으면 색깔이 변하고 현재방문중이면 또 다른 색깔로 나오게 하는건 어떻게 할까요??

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

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

              <style>
              h1 {color:red;}

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

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

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

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

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

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

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

              id > class> tag (a) (element)

              더 구체적인 것이 포괄적인것보다 우선순위 높다!!!
            • 최정원
              ~ 8/9
            • banaba
              8/6 완료! 셀렉터 우선순위 : id > class> tag
            • 장정민
              즐코즐코
            • 주말농장주인
              2020.08.04 완료
            • Jay1025
              2020.08.03. 완료
            • 조아라
              2020.08.02
            • 2020.08.01.
            버전 관리
            egoing
            현재 버전
            선택 버전
            graphittie 자세히 보기