可以在Less中使用正则表达式吗？(Possible to use regular expressions in Less?)

可以在Less中使用正则表达式吗？(Possible to use regular expressions in Less?)

可以少用正则表达式吗？ 如果没有，我可以通过另一种方式实现以下目标吗？

我想给每个Bootstrap行和列添加一个虚线边框。 鉴于有这么多col-md-12 ， col-md-11 ，....我不想输出所有这些，所以我只想说：

.my-canvas { .row, .col-.*-.* { outline: 2px dashed #000; } }

Is it possible to use regular expressions in less? If not is there another way I can achieve the following?

I want to give every Bootstrap row and column a dotted border. Given that theres so many col-md-12, col-md-11, .... I dont want to type out all of them so I just want to say:

.my-canvas { .row, .col-.*-.* { outline: 2px dashed #000; } }

最满意答案

对于这个，您不需要使用Less和正则表达式。 通过使用如下例中的属性选择器，可以使用纯CSS本身。

[class^='col-'],
[class*=' col-'] {
  outline: 2px dotted red;
}
div {
  margin: 10px;
} 
  
<div class='col-md-11'>Something</div>
<div class='col-md-12'>Something</div>
<div class='col-md-21'>Something</div>
<div class='column-md-11'>Something</div>
<div class='some-class col-md-99'>Something</div> 
  
 
You don't need to use Less with regular expressions for this one. It is possible to do with pure CSS itself by using attribute selectors like in the below example.
 
 
 
  
  
[class^='col-'],
[class*=' col-'] {
  outline: 2px dotted red;
}
div {
  margin: 10px;
} 
  
<div class='col-md-11'>Something</div>
<div class='col-md-12'>Something</div>
<div class='col-md-21'>Something</div>
<div class='column-md-11'>Something</div>
<div class='some-class col-md-99'>Something</div>