CSS正则表达式选择器是否匹配一个或另一个条件？

我希望在满足

/（\sclassName | ^className）/

时匹配，但在选择css时匹配。假设我会使用：

[class（^ |\s）='className']{
字体大小：5000px；
}

我发现了这个资源，非常好：，但它没有提到这个用例

我只想在下面的两个例子中匹配“icon-”，但不是第三个

在这里，这可以通过

[class^='icon-]

在这里，这可以通过

[class~='icon-']

实现，但当“icon-”位于类字符串的最开头时，这不匹配：

<div class='another-class icon-something'>

---

您需要使用两个具有相同规则的单独选择器。CSS选择器并不真正支持替换

[class^='icon-'], [class*=' icon-'] {
  /* ... */
}

div{
颜色：红色；
}
[class^='icon-']，[class*='icon-']{
颜色：绿色；
}

应该匹配
应该匹配
不应匹配

您可以使用以下选择器选择其类以

“icon-”

开头或包含

“icon-”

的任何元素（请注意开头的空格）：

---

.

啊，在*匹配器前面放一个空格是个好主意。好的，谢谢你用这个解决方案先打电话进来，你拿到支票了！

[class^="icon-"], [class*=" icon-"] { ... }