CSS 변수

jake_kim 2019. 10. 8. 09:13

--main-page-color 라는 지역변수를 정의하고, var 로 불러서 사용.

<!DOCTYPE html>
<html>
<head>
<style>
:root
{
  --main-page-color:blue;
}

div
{
  background-color:var(--main-page-color);
}

h1
{
  --main-page-color:red;
  background-color:var(--main-page-color);
}
</style>
</head>

<body>
  <div>Haha</div>
  <h1>haha</h1>
</body>
</html>