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

时间:2017-03-05 14:29:24

标签: css less

不确定LESS是否支持带*的通配符选择器。我想覆盖bootstrap的col填充,所以我做

.col-*(我甚至尝试过.col- - )但它似乎无法发挥作用。

1 个答案:

答案 0 :(得分:4)

你可能在这里混淆的是"universal selector" *,它匹配任何给定类型的任何元素(=标记名称)。

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

对于您的具体情况,以下所有方法都有效:

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

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

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

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