WEB2 - CSS

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

강의 

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

 

 

 

소스코드

변경사항

댓글

댓글 본문
  1. 냠냠개발자
    완료
  2. 모찌타로
    완료
  3. 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부터 수강하면서 가장 여러가지 개념이 한꺼번에 나온 회차네요 ㅎㅎ
      쉽게 설명해주신 이고잉님 항상 감사드립니다 :)