<ul>
  <li class="success">
    <a href="#">성공</a>
  </li>
  <li class="error">
    <a href="#">오류</a>
  </li>
</ul>
li {
  color: var(--color, blue);
}

li.success {
  --color: green;
}

li.error {
  --color: red;
}

a {
  color: inherit;
  text-decoration: none;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.