-
카테고리
-
세부 분야
프론트엔드
-
해결 여부
미해결
nav className={`nav ${show && "nav__black"}`} 선언하는 부분에
22.12.21 11:17 작성 22.12.21 11:18 수정 조회수 366
0
강사님
className={`nav ${show && "nav__black"}`}
대신
className={show ? "nav__black" : "nav"}
하면 동작하지 않은데 왜 그런건가요?
이론상으론 의미가 비슷하지 않나요?
답변을 작성해보세요.
2
성민석
2022.12.22
우선 하나의 class에는 여러개의 선택자를 넣을수가 있습니다
여기서 선택자란 nav와 nav__black입니다
위의 코드에선 nav은 이미 지정한 .nav에 의해 스타일링이 되고 만약 show가 true이면 nav__black선택자를 만들어져서 추가로 스타일링이 됩니다
아래의 코드는 show가 true이면 nav__black false이면 nav 이렇게 됩니다
답변 1