LESS 中的通配符选择器不起作用

Question

不确定 LESS 是否支持带 * 的通配符选择器。我想覆盖引导程序的 col 填充所以我这样做

.col-*（我什至尝试过 .col- -）但它似乎不起作用。

Answer 1

您可能在这里混淆的是“通用选择器”*，它匹配任何给定类型（=标签名称）的任何元素。

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

对于您的特定情况，以下所有操作都可以：

[class^="col"] /* begin with "col" */

[class*="col"] /* contains "col" */

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

请注意，属性选择器在性能方面并不是最好的（但是，如果您首先不关心性能，这并不重要）。