[html]css :root 가상 클래스를 통해 div색상 변경하기

:root 가상 클래스란? css에서 :root 가상 클래스는 HTML 문서의 루트 요소를 선택합니다 html의 루트 요소는 이기 때문에 root와 선택자와 동일합니다 CSS :root 변수 css에서 :root를 이용하여 재사용할 값을 담아줄 변수를 저장하여 변수로 불러올 수 있습니다 시스템 유지보수를 하려면 웹페이지의 여러 색상들이 담겨있는데 매번 하나하나 해당 클래스의 색의 코드를 검색하여 변경하려면 어렵기 때문에 색뿐만 아니라 재사용 가능한 다양한 값들을 변수에 저장하고 필요한 곳에서 불러와 재사용이 가능합니다 CSS :root 전역변수 선언하기 :root를 사용하여 CSS전역 변수로 설정하면 변수 안에 담긴 값을 원하는 곳에서 언제든 불러올 수 있습니다 *전역변수는 함수외부를 포함하여 모든함수에..