WEB2 - CSS

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

강의 

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

 

 

 

소스코드

변경사항

댓글

댓글 본문
작성자
비밀번호
  1. 180119 감사합니다!

    ※ id 값은 단 한번만 등장해야한다.
  2. doi
  3. boxboxbox
    흠..봤던 걸 saw클래스로 묶어서 회색으로 표현한다는 것을 알겠는데, 저렇게 코드를 작성하면 1.자바스크립트를 보고 왔경우 2. html을 보지 않은 사람에게서 1번의 경우 자바스크립트는 회색으로 표시가 되지 않고 2번의 경우는 html은 보지 않았는데도 회색으로 표시되지 않을까요?
    정말 알고 싶은 것은 네이버처럼 뉴스기사나 블로그 방문한 후 뒤로가기를 눌러도 정말로 본 페이지들만 색깔이 다르게 표현되는 것을 알고 싶네요 ㅎ
    아 물론 웹페이지가 기본적으로 그런 기능이 있는 것 같은데, 저렇게 css으로 앵커를 블랙으로 설정한 경우요 또르륵
  4. PassionOfStudy
    18-01-14 1일차 - 5번째 강의

    수강완료!

    -----------------------------------------------------
    @ Selector 우선순위
    id > class > tag
    <------ ------>
    구체적 포괄적

    id값은 중복을 배제한다.
  5. goosen
    많이배우고가요 감사합니다 ㅎ
  6. 한두성
    javascript 코드에는 class 코드를 왜 안넣는 건가요? 보았을때마다 class 코드를 삽입해야하는건가요?지금 저렇게 코딩을 하면 javascript에는 적용이 안되는거아닌가해서요.
    스스로 바뀌게하는 속성을 알려주신거라고 하셨는데 이해가 잘안가네요 이부분이
  7. Fiat
    고맙습니다
  8. BY Chin
    감사합니다
  9. egoing
    상속과 관련되어 있습니다~
    http://www.clearboth.org......de/
    대화보기
    • 김규완
      답변 감사합니다~!
      이런 경우는 개별적으로 바꿔줘야 하는군요
      조금 의문이 덜 풀린 부분이 있는데, h1 스타일이 적용되지 않은건 h1 다음에 a 가 쓰여서(더 가까이에 쓰여서), 즉 a로 인식되어서 인가요?
      그리고 그렇다면 폰트 사이즈와 텍스트 얼라인은 적용이 되던데, 색깔과 데코레이션은 안되는게 또 의문스럽네요ㅠ
      대화보기
      • sealwind
        h1 {
        color:red; text-decoration: none; font-size: 45px; text-align:center;
        }
        이 코드는 정상적으로 입력하신게 맞습니다.

        하지만
        <h1><a href="index.html">와니 블로그</a></h1>
        에서 와니 블로그가 변하지 않는 이유는
        a 태그의 속성이 있기때문입니다.

        별도의 <h1>테스트</h1> 를 생성해보시면 입력하신 코드가
        정상적으로 동작하는 것을 확인 할 수 있습니다.

        <h1><a href="index.html">와니 블로그</a></h1>
        의 색을 변경하고 싶으시다면

        <h1><a href="index.html" style="color:red;text-decoration:none">와니 블로그</a></h1>
        으로 해보시는 것이 좋을 것같습니다.
        대화보기
        • mary
          진짜진짜중요한이야기
        • 김규완
          연습하다 한 가지 안되는게 있어 질문드립니다~

          스타일 아래 h1 선택자로 color, text-decoration도 넣어봤는데 이건 왜 작동을 안할까요?
          검색해보니 딱히 제약이 있는건 아닌것 같은데,, 제가 놓치고 있는 부분이 있나요?

          ㅡㅡ 코드 ㅡㅡ

          <!doctype html>
          <html>
          <head>
          <title> 여행</title>
          <meta charset="utf-8">
          <style>
          h1 {
          color:red; text-decoration: none; font-size: 45px; text-align:center;
          }
          .index {
          color:green;
          }
          #now {
          color:red; font-weight: bold; font-size: 120%
          }
          </style>
          </head>

          <body>
          <h1><a href="index.html">와니 블로그</a></h1>
          <ul>
          <li><a href="photo.html" class="index">사진</a></li>
          <li><a href="travel.html" class="index" id="now">여행</a></li>
          <li><a href="football.html" class="index">축구</a></li>
          </ul>

          <h2>여행</h2>
          <ol>
          <li>뉴욕</li>
          <li>칸쿤</li>
          </ol>
          </body>
          </html>
        • 이주형
          감사합니다~! 이고잉님!
        • keepgoing
          귀에 쏙쏙 들어옵니다. 감사합니다!!
        • Yuseong Park
          공부하다보니 '변수와 변수의 값'과 비슷한 개념이란 것을 느꼈는데, 제가 느낀 것이 맞나요?
        • 판도라
          감사합니다.
        • 하늘소리
          으음.... 살짝씩 모르는 것이 쌓이는건 괜찮은데.. 많이 쌓이다보니 과포화 상태인 것 같네요 8ㅁ8 다음 수업부터는 내일 듣도록 해야겠습니다!! 차근차근 익숙해지도록 할게요! 어렵지만 지식욕을 채워주는 느낌이 좋아서 행복합니다~~
        • Wallace Lee
          중요한 부분이군요.
        • I love computer
          어우 햇갈린다ㅠ_ㅠ
          그래도 신기하고 재미있네요{^*^}
        버전 관리
        egoing
        현재 버전
        선택 버전
        graphittie 자세히 보기