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

2019 KNUT X LIKE LION #7

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

토픽 멋쟁이 사자처럼 at 한국교통대학교 7기 > 웹 애플리케이션 개발 > CSS

강의 

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

 

 

 

소스코드

변경사항

댓글

댓글 본문
  1. 모찌타로
    완료
  2. Sansol Park
    ID는 HTML에서 고유해야 하기 때문에, 한 페이지 내에서는 동일한 `id` 값을 가진 요소가 오직 하나만 존재해야 합니다. 이를 통해, ID는 특정 요소를 정확히 식별할 때 사용됩니다.

    ### 예시 설명:

    ```html
    <li><a href="2.html" class="saw" id="active">CSS</a></li>
    ```

    여기서 `id="active"`는 해당 링크에 부여된 고유한 식별자입니다. 이 페이지 안에서는 다른 요소가 동일한 ID (`active`)를 가질 수 없습니다. 즉, 이 HTML 문서 내에서는 `id="active"`를 오직 하나의 요소에만 적용할 수 있습니다.

    ### 질문에 대한 답변:

    - **"id = active을 오직 한 곳에만 부여할 수 있다는 말씀이신가용??"**
    - 네, 정확히 그렇습니다. 한 페이지에서 같은 ID를 여러 요소에 사용하면 HTML 문서의 규칙을 위반하는 것이며, 브라우저는 이를 예상하지 못한 방식으로 처리할 수 있습니다. 따라서, 하나의 페이지에서는 같은 ID를 여러 곳에 부여하지 않는 것이 원칙입니다.

    - **"2.html에선 CSS만이 id = active을 쓸 수 있다는 말씀이실까용??"**
    - `2.html` 페이지에서는 `id="active"`를 CSS 링크에 부여한 것으로 보이는데, 이 ID는 `2.html` 문서 내에서만 고유해야 합니다. 다른 HTML 페이지(예: `1.html`, `3.html`)에서는 `id="active"`를 동일하게 사용할 수 있습니다. 즉, 각 HTML 문서 내에서만 고유하면 되므로, 다른 페이지에서는 동일한 ID를 사용해도 문제가 없습니다.

    ### 정리:
    - **한 페이지 내**에서는 동일한 ID를 여러 요소에 사용하면 안 됩니다.
    - **다른 페이지**에서는 동일한 ID를 다시 사용할 수 있습니다. 각 페이지는 독립적이므로, 같은 ID가 페이지마다 각각 다른 요소에 부여될 수 있습니다.

    이 원칙을 따르면, CSS나 JavaScript에서 특정 요소를 정확하게 선택하고 조작할 수 있습니다.
    대화보기
    • 호록이
      [Complete] 2024.08.05 (월)
    • 안성
      Thank you bro.
    • 김진현
      2024.06.20 완료
    • 후리후리
      2024-06-18 완료
    • nathan
      2024-05-22 완료
    • 야생의코린이
      2024-05-05 완료
    • 이사야
      2024-05-05 완료!
    • 마우스오른쪽버튼
      완료
    • ikurpw(iKnowYourPassword) : )
      id(#) > class(.) > tag()

      id=중복되면 안됨=유일무이


      CSS 선택자(Selector)를 스스로 알아내는 방법은
      https://www.w3schools.com......php
    • beginner
      20240306
    • 2024.02.07 완료
    • 레나
      2024.01.22 완료
    • ECLECTIC
      시작
    • 김현지
      2024.1.6
    • 므갱이
      2023.11.10 완료
    • KunWoo
      231028
    • 코율
      20231017 완
    • 개발자아내
      2023.10.3. 완료
    • 정연세
      230930완
    • 정윤수
      23.09.12 완
    • 30늦은나이아니라고해줘
      2023-08-23 완
    • 오옹오옹
      23.08.06
    • 코딩두
      23.07.08 완료
    • 어흥
      23.06.17
    • 코코
      23.05.23
    • 230515
    • nightsunny
      23.04.30 check.
    • 하얀세상
      23.04.13
    • 오즐
      2023.03.20
    • 코딩척척석사
      2023.03.08
    • ashkite12
      23.03.06
    • 태발군
    • webby
      23.03.01
    • Gosanjung
      듣는 수업량이 많아지니까 혼선도 오는것 같아요,,,ㅠ
      그래도 감사 합니다~^^
    • otcace
      23.02.19
    • 고원규
      2023.02.07
    • 열공강아지
      2/2
    • TheDuck
      2023. 02. 01 완료
    • Hertz
      2023-01-29
    • 박개띠
      id = active을 오직 한 곳에만 부여할 수 있다는 말씀이신가용?? 예를 들면 2.html에선 CSS만이 id = active을 쓸 수 있다는 말씀이실까용??!!
    • BBIYA
      23..01.05
    • 빵먹고싶다
      22.11.26
    • 미니베니
      감사합니다~
    • 엠제이
      10132022
    • 보통사람 박코딩
      할수있다
    • 아아뜨아
      221005
    • Emperor CHA
      생활코딩 Web1부터 수강하면서 가장 여러가지 개념이 한꺼번에 나온 회차네요 ㅎㅎ
      쉽게 설명해주신 이고잉님 항상 감사드립니다 :)
    • 코딩드림
      22.09.23