如何使用前缀CSS？

Question

我有元素：

<span class="bage--red">4</span>

我需要添加此前缀.bage来增加背景色：

--red
--green

如何使用此属性？

[现在，浏览器将此作为一个类bage--red。不是两个

Answer 1

您可以将其分为2类。

<span class="bage --red">4</span>

在CSS中：

.bage {
  font-size: 100px;
}
.bage.--red { // instead of .bage--red
  color: red;
}
.bage.--green {
  color: green;
}

我读过某处有人称其为“自定义BEM”。我一直都用它。代替