🧑‍💻개발/아카이브

toggle로 클래스 추가 시 css적용 우선순위

무택 2023. 4. 22.

 

 

# 언어 버튼 누르면 설정 버튼 나오는 기능

See the Pen toggle로 클래스 추가할때 추가하는 클래스 붙여쓰기 by TytanLee (@TytanLee) on CodePen.

 

# 자바스크립트를 이용해서 css를 추가할때

언어 버튼 클릭 시 언어를 선택하는 버튼들이 나오는 코드를 만들어서 js로 클래스 추가 기능을 넣었고 console에서 클래스가 추가 되었는지 확인까지 했는데 'display:block;'이 적용이 안되는 현상 발견

클론 사이트 들어가서 확인하니 추가할 클래스를 붙여서 쓰는거 확인

css 54번째 줄

'header .rightTab #langUl  .langOn'

>  처럼 띄어쓰지말고 아래처럼 추가시킬 태그에 클래스 붙여쓰기

'header .rightTab #langUl.langOn'

 

연습 클론 코딩 파일

230413_클론 코딩.zip
1.49MB