Можно использовать регулярные выражения в Less?

Question

Можно ли использовать регулярные выражения меньше? Если нет другого пути, я могу добиться следующего:

Я хочу дать каждой строке и столбцу Bootstrap пунктирной границе. Учитывая, что Theres так много col-md-12, col-md-11, .... Я не хочу, чтобы впечатать все из них, так что я просто хочу сказать:

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

Answer 1

Вам не нужно использовать 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>

Answer 2

Меньше компилируется в CSS независимо от других файлов, поэтому он не может на самом деле искать через HTML с регулярными выражениями. Тем не менее, вы можете автоматизировать построение всех тех правил CSS, о которых упоминает Гарри, используя Less Loop. Обычно я использую SCSS, где циклы немного более явные с «for», но они возможны в Less, используя рекурсивные Mixins.

Here's the 'getting started' on Loops from the LessCSS page.