带有-和数字的CSS目标*类

我有一个CSS，它针对所有包含-字符的类

[class*="-"] {
    background-color: rgba(86, 61, 124, 0.15);
    border: 1px solid rgba(86, 61, 124, 0.2);
    padding-bottom: 15px;
    padding-top: 15px;
    margin-bottom: 20px;
}

---

是否有可能在所有类后面都加上一个字符和一个数字？

我认为唯一可能的方法是：

[class*="-0"],
[class*="-1"],
[class*="-2"],
[class*="-3"],
[class*="-4"],
[class*="-5"],
[class*="-6"],
[class*="-7"],
[class*="-8"],
[class*="-9"] {
    /*...*/
}

---

但我不相信这是一个明智的选择。您应该重新考虑您的方法。

IMHO，如果您使用CSS选择器来针对具有模式的所有类，那么您没有正确使用CSS；）也就是说，所有这些元素都应该共享一个类，这个类比模式匹配更快、更易于维护、更不容易出错。