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

a.success {
  --color: green;
}

a.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.