목록cssVariables (1)

playground_avec coding

[JavaScript] CSS 변수 사용과 JS

★ :root 의 개념 ★ console 창 활용 css 에서 :root{ } 쓰는 경우 - root 가상 클래스 웹 문서 구조에서 특정 위치에 있는 요소를 선택하는 가상 클래스이다. :root 선택자는 웹 문서 구조에서 가장 상위 요소를 선택할 때 사용한다. 즉, html 에서 root 는 항상 html 을 가리킨다. 그러나, html 보다 :root 가상 클래스의 스타일 적용 우선순위가 더 높다. 문서 전반적으로 재사용할 임의가 있는 값을 작성한다. :root 을 이용해 최상위 요소에 변수를 선언하면 모든 요소에서 이 변수를 사용할 수 있다. 이렇게 :root 을 사용하여 변수를 사용하게 되면 한 번에 수정이 용이하다. :root 의사 클래스는 문서 트리의 루트 요소를 선택한다. HTML 의 루트 요..
front-end/JavaScript 2021. 8. 22. 23:50
이전 Prev 1 Next 다음