Javascript 一个标签不同颜色的Vue JS

如何为一个标签设置不同的颜色

label(for='middleName') Middle Name(optional)

我想做的是，“中间名”和“（可选）”将分别为黑色和灰色。我怎样才能做到这一点？有什么办法吗

注意，我在HTML上使用了pug模板

提前谢谢。

帕格

label(for='middleName') 
  span.black Middle Name
  span.grey (optional)

CSS

帕格

CSS

.black {
    color: black;
}
.grey {
    color: grey;
}