CSS Target * 带有 - 和数字的类

Question

我有这个 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;
}

是否可以使用 - 字符和后面的数字来定位所有类？

Answer 1

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

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

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