带有 - 和数字的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"] {
    /*...*/
}

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