🤍 전 강의 25% 할인 중 🤍

2024년 상반기를 돌아보고 하반기에도 함께 성장해요!
인프런이 준비한 25% 할인 받으러 가기 >>

  • 카테고리

    질문 & 답변
  • 세부 분야

    웹 개발

  • 해결 여부

    해결됨

다크모드의 dark 가상요소

22.02.21 10:08 작성 조회수 295

1

CSS 섹션 UI 디자인- 개인프로필 카드 (다크모드)-05 수강중, 질문드립니다.

   $('.btn-mode').click(function(){
     $('.profile').toggleClass('dark');
   })

라이트모드/다크모드.html을 복제하여 .profile.dark요소를 지우고, .profile 만 있는 상태인데요.

결국엔 'dark'라는 것은 html에 존재하지 않지만 가상의 요소를 선택하는 것인, '가상요소'인가요?

답변 1

답변을 작성해보세요.

1

가상요소 곧 가상클래스는 우리가 임으로 만들 수는 없습니다.
정해져 있는 것을 사용합니다. 가상요소는 반드시 아래의 형태를 따라야 합니다.

선택자::가상클랙스 {...}

곧, dark라는 클래스는 우리가 임으로 만든 클래스이지 가상클래스가 아닙니다.

.dark는 제이쿼리는 통해서 html의 class 속성에 강제로 넣고 빼는 우리가 만든 그냥 일반 클래스입니다.

답변 감사합니다!

채널톡 아이콘