不起作用的通配符选择器



不确定是否较少使用 *支持通配符选择器。我想覆盖Bootstrap的Col Padding,所以我做

.col-*(我什至尝试了.col- - ),但似乎不起作用。

您可能在这里混淆的是"通用选择器" *,它匹配任何给定类型的任何元素(= tag name)。

真正的通配符选择器在CSS中既没有可用,也不可用于我所知道的任何预处理器,但是您还有很多其他选项可以使用属性选择器进行模糊选择。

对于您的特定情况,以下所有情况都可以使用:

[class^="col"] /* begin with "col" */
[class*="col"] /* contains "col" */
[class|="col"] /* starts with "col" followed by "-" */

请注意,属性选择器不是最佳性能(但是,如果您首先不关心性能并不重要)。

最新更新