vue项目中想把后端传来的color值传到css中的伪类里面去？

对于需要根据变化的动态样式，最简单的方式就是绑定在元素上面绑定syle，形如：

<span class="header__title" :style="`color:${scoreStyle.titleColor}`">

但是，，，让人迷惑的是，如果要改变active、hover、after这些伪类的样式呢，这就显得尴尬了；

解决的方式是：定义css变量，形如：

:style="{ '--font-color': dropdownFont }"

css中：

&:active {
  color: var(--font-color);
  background-color: #2d2d2d;
}