var(); 재지정

See the Pen var() 재지정 by nilgi (@nilgi) on CodePen.

 

:root {
  --red: #3c9066;
  --black: #fff;
}

body {
  background: var(--red);
}

h2 {
  --red: #333; // root에서 지정한 값 대신 다른 값은 줄 수 있다.
  color: var(--red);
  border-bottom: 5px solid var(--red);
}

p {
  color: var(--red);
}

.box {
  background: var(--black);
  padding: 10px;
}

button {
  border : 2px solid var(--red);
  color: var(--red);
  padding: 10px;
}