可以在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>
更多推荐
发布评论